veza/apps/web/src/features/tracks/components
senke 45e350a292 feat(ui): chat status indicators, notification grouping, feature discovery
Chat status indicators:
- ChatMessage: Avatar with online status on incoming messages
- VirtualizedChatMessageItem: proper Avatar component with status
- ChatInterfaceMessages: added status="online" to existing avatars
- ConversationItem: Avatar with status for DM conversations

Notification polish:
- AnimatePresence + motion.div on dropdown (scale+fade, 150ms)
- Date grouping: Today, Yesterday, This Week, Earlier
- Sticky section headers with backdrop-blur

Feature discovery (new FeatureHighlight component):
- One-time spotlight tooltip with localStorage persistence
- Applied to: search bar (Ctrl+K), keyboard shortcuts (?), track context menu
- framer-motion animation with 0.5s delay

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-10 00:04:23 +01:00
..
comment-thread style(tracks): align story decorators with KŌDŌ tokens 2026-02-07 09:17:00 +01:00
comments style(comments): elevate visual fidelity to premium standards 2026-02-07 08:13:59 +01:00
track-filters ui(components): migrate 16 skeleton files from animate-pulse to Skeleton shimmer 2026-02-08 23:12:58 +01:00
track-history ui(components): migrate 16 skeleton files from animate-pulse to Skeleton shimmer 2026-02-08 23:12:58 +01:00
track-list-pagination ui(components): migrate 16 skeleton files from animate-pulse to Skeleton shimmer 2026-02-08 23:12:58 +01:00
track-search-filters ui(components): migrate 16 skeleton files from animate-pulse to Skeleton shimmer 2026-02-08 23:12:58 +01:00
CommentForm.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
CommentItem.test.tsx [INT-AUTH-002] Remove duplicate auth store - migrate to features/auth/store/authStore.ts 2025-12-26 09:11:46 +01:00
CommentSection.test.tsx [INT-AUTH-002] Remove duplicate auth store - migrate to features/auth/store/authStore.ts 2025-12-26 09:11:46 +01:00
CommentSection.tsx refactor(comments): modularize CommentSection with atomic sub-components 2026-02-07 07:32:37 +01:00
CommentThread.stories.tsx style(comment-thread): elevate visual fidelity to premium standards 2026-02-07 08:52:35 +01:00
CommentThread.test.tsx test(tracks): add stories and mocks for CommentThread 2026-02-05 19:20:58 +01:00
CommentThread.tsx refactor(tracks): decompose CommentThread into sub-components 2026-02-05 19:20:47 +01:00
LikeButton.stories.tsx style(LikeButton): elevate visual fidelity to premium standards 2026-02-07 09:03:10 +01:00
LikeButton.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
LikeButton.tsx feat(ui): form polish + micro-interactions for premium feel 2026-02-09 23:31:52 +01:00
PlaysChart.test.tsx feat: Visual masterpiece - true light mode & premium UI 2026-01-11 02:32:21 +01:00
ShareDialog.stories.tsx style(ShareDialog): elevate visual fidelity to premium standards 2026-02-07 09:04:19 +01:00
ShareDialog.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
ShareDialog.tsx feat(ui): remaining polish — DnD feedback, typography headings, lightbox, share dialog 2026-02-09 23:54:39 +01:00
ShareLinkDisplay.test.tsx batch 1 2025-12-22 22:00:50 +01:00
TrackCard.stories.tsx style(TrackCard): elevate visual fidelity to premium standards 2026-02-07 09:14:35 +01:00
TrackCard.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
TrackCard.tsx feat(ui): polish, animations & performance optimizations 2026-02-09 23:05:26 +01:00
TrackDelete.test.tsx stabilisation commit A 2026-01-07 19:39:21 +01:00
TrackDownloadButton.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
TrackEdit.test.tsx batch 1 2025-12-22 22:00:50 +01:00
TrackFilters.stories.tsx style(track-filters): elevate visual fidelity to premium standards 2026-02-07 08:54:49 +01:00
TrackFilters.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
TrackFilters.tsx refactor(tracks): extract TrackFilters into track-filters module 2026-02-05 22:46:11 +01:00
TrackGrid.stories.tsx style(track-grid): elevate visual fidelity to premium standards 2026-02-07 09:08:39 +01:00
TrackGrid.test.tsx aesthetic-improvements: align spacing to 8px grid (Action 11.2.1.3) 2026-01-16 11:50:46 +01:00
TrackGrid.tsx ui(components): migrate 16 skeleton files from animate-pulse to Skeleton shimmer 2026-02-08 23:12:58 +01:00
TrackGridDensitySelector.stories.tsx style(track-grid): elevate visual fidelity to premium standards 2026-02-07 09:08:39 +01:00
TrackGridDensitySelector.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
TrackGridDensitySelector.tsx style(track-grid): elevate visual fidelity to premium standards 2026-02-07 09:08:39 +01:00
TrackHistory.stories.tsx style(track-history): elevate visual fidelity to premium standards 2026-02-07 08:49:21 +01:00
TrackHistory.test.tsx refactor(tracks): TrackHistory module, re-export, stories, tests 2026-02-06 01:34:58 +01:00
TrackHistory.tsx refactor(tracks): TrackHistory module, re-export, stories, tests 2026-02-06 01:34:58 +01:00
TrackList.stories.tsx style(tracks): elevate visual fidelity to premium standards 2026-02-07 08:35:52 +01:00
TrackList.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
TrackList.tsx feat(ui): table polish + mobile bottom navigation 2026-02-09 23:37:25 +01:00
TrackListContainer.stories.tsx style(TrackListContainer): elevate visual fidelity to premium standards 2026-02-07 09:11:47 +01:00
TrackListContainer.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
TrackListContainer.tsx style(TrackListContainer): elevate visual fidelity to premium standards 2026-02-07 09:11:47 +01:00
TrackListEmpty.stories.tsx chore(dx): add .cursorrules and design system audit documentation 2026-02-05 14:20:06 +01:00
TrackListEmpty.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
TrackListEmpty.tsx style(tracks): elevate visual fidelity to premium standards 2026-02-07 08:35:52 +01:00
TrackListPagination.stories.tsx style(track-list-pagination): elevate visual fidelity to premium standards 2026-02-07 08:56:06 +01:00
TrackListPagination.test.tsx refactor(web): split TrackListPagination into module (info, nav, utils, skeleton) 2026-02-07 05:03:53 +01:00
TrackListPagination.tsx refactor(web): split TrackListPagination into module (info, nav, utils, skeleton) 2026-02-07 05:03:53 +01:00
TrackListRow.stories.tsx style(TrackListRow): elevate visual fidelity to premium standards 2026-02-07 09:13:34 +01:00
TrackListRow.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
TrackListRow.tsx feat(ui): chat status indicators, notification grouping, feature discovery 2026-02-10 00:04:23 +01:00
TrackListSelectionActions.stories.tsx style(TrackListSelectionActions): elevate visual fidelity to premium standards 2026-02-07 09:01:35 +01:00
TrackListSelectionActions.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
TrackListSelectionActions.tsx style(TrackListSelectionActions): elevate visual fidelity to premium standards 2026-02-07 09:01:35 +01:00
TrackListSkeleton.stories.tsx feat(tracks): use TrackListSkeleton for loading state and add Error story 2026-02-07 07:40:16 +01:00
TrackListSkeleton.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
TrackListSkeleton.tsx style(tracks): elevate visual fidelity to premium standards 2026-02-07 08:35:52 +01:00
TrackSearch.stories.tsx style(tracks): align story decorators with KŌDŌ tokens 2026-02-07 09:17:00 +01:00
TrackSearch.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
TrackSearch.tsx style(track-search): elevate visual fidelity to premium standards 2026-02-07 09:12:01 +01:00
TrackSearchFilters.stories.tsx style(track-search-filters): elevate visual fidelity to premium standards 2026-02-07 08:58:24 +01:00
TrackSearchFilters.test.tsx refactor(tracks): split TrackSearchFilters into module (Basic, Advanced, Skeleton) 2026-02-05 23:09:36 +01:00
TrackSearchFilters.tsx refactor(tracks): split TrackSearchFilters into module (Basic, Advanced, Skeleton) 2026-02-05 23:09:36 +01:00
TrackSearchResults.stories.tsx style(tracks): align story decorators with KŌDŌ tokens 2026-02-07 09:17:00 +01:00
TrackSearchResults.test.tsx batch 1 2025-12-22 22:00:50 +01:00
TrackSearchResults.tsx feat(ui): contextual skeleton loading + list stagger animations 2026-02-09 23:59:54 +01:00
TrackShareDialog.test.tsx batch 1 2025-12-22 22:00:50 +01:00
TrackSort.stories.tsx style(TrackSort): elevate visual fidelity to premium standards 2026-02-07 09:05:27 +01:00
TrackSort.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
TrackSort.tsx style(TrackSort): elevate visual fidelity to premium standards 2026-02-07 09:05:27 +01:00
TrackStats.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
TrackStatsDisplay.stories.tsx style(TrackStatsDisplay): elevate visual fidelity to premium standards 2026-02-07 09:07:10 +01:00
TrackStatsDisplay.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
TrackStatsDisplay.tsx style(TrackStatsDisplay): elevate visual fidelity to premium standards 2026-02-07 09:07:10 +01:00
TrackUpload.test.tsx batch 1 2025-12-22 22:00:50 +01:00
TrackVersionHistory.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
UploadQuota.stories.tsx style(UploadQuota): elevate visual fidelity to premium standards 2026-02-07 09:10:05 +01:00
UploadQuota.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
UploadQuota.tsx style(UploadQuota): elevate visual fidelity to premium standards 2026-02-07 09:10:05 +01:00
ViewToggle.stories.tsx style(ViewToggle): elevate visual fidelity to premium standards 2026-02-07 08:59:38 +01:00
ViewToggle.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
ViewToggle.tsx style(ViewToggle): elevate visual fidelity to premium standards 2026-02-07 08:59:38 +01:00