3 commits

Author	SHA1	Message	Date
senke	6093f8c34c	feat(ui): sidebar premium polish + player bar enhancements ... Sidebar: - Discord-style active indicator pill (left edge, primary color) - Hover micro-animations: icon scale-110, bg transition - Section dividers between nav groups - Notification badge pill (primary/15 bg, font-semibold) - Footer items (Settings, Sign Out) consistent with main nav Player bar: - Progress bar: time preview tooltip on hover, scale-y on drag - Volume: Spotify-style hover-reveal slider, 3-level icon states - Now playing: ambient glow behind album art on hover - Track info: clickable artist name with hover underline - Keyboard shortcuts: N/P (next/prev), Arrow Up/Down (volume), M (mute) - Shortcut hints in control tooltips (<kbd> badges) Co-authored-by: Cursor <cursoragent@cursor.com>	2026-02-10 00:11:11 +01:00
senke	bcf07f1e16	feat(ui): hover cards, Spotify player layout, scrollbar tokens, context menu integration ... HoverCard component (new): - Rich preview cards on hover with framer-motion animation - Viewport-aware positioning, portal rendering, open/close delays - UserHoverContent: Discord-style user preview (avatar, bio, stats, follow) - TrackHoverContent: Spotify-style track preview (cover, stats, play) Audio player — Spotify-like 3-column layout: - grid-cols-3 layout: track info | controls | volume+queue - Progress bar moved to top edge (minimal variant) - Glassmorphism (bg-background/95 backdrop-blur-md) - Prominent centered play button (h-10 w-10 rounded-full, active:scale-95) - Title marquee animation for long track names - Reduced padding for tighter premium feel Scrollbar styling: - Migrated hardcoded rgba() to semantic tokens via color-mix(in oklch) - Added transition on thumb hover for smooth visual feedback ContextMenu integration: - TrackListRow wrapped with ContextMenu (play, like, more actions) - Dynamic items based on available callbacks Co-authored-by: Cursor <cursoragent@cursor.com>	2026-02-09 23:18:46 +01:00
senke	27970f34c9	refactor(player): extract AudioPlayer into audio-player module ... - types, useAudioPlayerEffects, AudioPlayerTrackInfo, AudioPlayerControls - AudioPlayerProgress, AudioPlayerVolume, AudioPlayerSkeleton - Stories: Default (mock store), Skeleton - Re-export from AudioPlayer.tsx Co-authored-by: Cursor <cursoragent@cursor.com>	2026-02-05 22:40:06 +01:00