veza/apps/web/src/components/ui
senke c65da4fea6 refactor(ui): Design tokens - gradients, duration, textarea
- Replace cyan/magenta/purple gradients with primary/secondary
- duration-200/300 → duration-[var(--duration-normal)]
- Textarea: min-h-[100px] → min-h-24
- SearchPageHeader, DashboardPage, PlaylistHeader
- UserProfilePageHeader/Hero, PlaylistDetailPageHero
- SocialViewFeedItem, WishlistView, PostCard, ProductCard, CourseCard
- SearchPageResults, MarketplaceHome

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-10 22:56:30 +01:00
..
accordion feat(ui): avatar polish, smooth accordion, modal animation consistency 2026-02-09 23:46:46 +01:00
avatar-upload ui(components): migrate remaining 27 skeleton files to Skeleton shimmer 2026-02-08 23:21:33 +01:00
content-transition feat(ui): header glassmorphism, card hover effects, content transitions, badge animations 2026-02-09 23:25:52 +01:00
context-menu feat(ui): premium polish — route transitions, context menu, slider, sidebar tooltips 2026-02-09 23:10:10 +01:00
data-list ui(components): migrate remaining 27 skeleton files to Skeleton shimmer 2026-02-08 23:21:33 +01:00
date-picker refactor(ui): extract DatePicker into date-picker module 2026-02-05 22:15:11 +01:00
dialog ui(components): migrate remaining 27 skeleton files to Skeleton shimmer 2026-02-08 23:21:33 +01:00
dropdown-menu feat(web): UI premium Discord/Spotify-like — tokens, shadows, focus, layout 2026-02-08 17:15:58 +01:00
feature-highlight feat(ui): chat status indicators, notification grouping, feature discovery 2026-02-10 00:04:23 +01:00
file-upload ui(tokens): migrate text-kodo-red → text-destructive, text-kodo-lime → text-success (56 files) 2026-02-09 00:14:40 +01:00
hover-card feat(ui): hover cards, Spotify player layout, scrollbar tokens, context menu integration 2026-02-09 23:18:46 +01:00
lazy-component ui(tokens): migrate text-kodo-red → text-destructive, text-kodo-lime → text-success (56 files) 2026-02-09 00:14:40 +01:00
optimized-image ui(components): migrate remaining 27 skeleton files to Skeleton shimmer 2026-02-08 23:21:33 +01:00
select feat(a11y): comprehensive accessibility & view states improvements 2026-02-09 23:04:35 +01:00
tabs feat(a11y): comprehensive accessibility & view states improvements 2026-02-09 23:04:35 +01:00
tooltip style(ui): elevate Dropdown, DropdownMenu, Tooltip to SaaS Premium; update test 2026-02-07 14:23:04 +01:00
virtualized-list refactor(web): split VirtualizedList into virtualized-list module 2026-02-06 13:55:06 +01:00
Accordion.stories.tsx refactor(ui): accordion module, re-export 2026-02-06 02:33:10 +01:00
accordion.tsx refactor(ui): accordion module, re-export 2026-02-06 02:33:10 +01:00
Alert.stories.tsx chore(dx): add .cursorrules and design system audit documentation 2026-02-05 14:20:06 +01:00
alert.test.tsx aesthetic-improvements: automated replacement of decorative cyan with steel (80/20 rule, Action 11.3.1.3) 2026-01-16 11:40:13 +01:00
alert.tsx feat(ui): semantic tokens in modal, button, card, alert 2026-02-10 09:29:48 +01:00
AnimatedNumber.tsx feat(ui): animated number counters + navigation progress bar 2026-02-10 00:19:18 +01:00
AstralBackground.stories.tsx feat(storybook): expanded coverage for visual and feedback components (batch 5) 2026-02-02 19:46:27 +01:00
AstralBackground.tsx improving UI: adding API doc to Developer Page 2026-01-26 14:12:17 +01:00
avatar-upload.test.tsx refactor(ui): extract AvatarUpload into avatar-upload module 2026-02-05 22:21:02 +01:00
Avatar.stories.tsx feat(storybook): expanded coverage for core UI components (batch 1) 2026-02-02 19:37:52 +01:00
avatar.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
avatar.tsx feat(ui): avatar polish, smooth accordion, modal animation consistency 2026-02-09 23:46:46 +01:00
AvatarUpload.stories.tsx refactor(ui): extract AvatarUpload into avatar-upload module 2026-02-05 22:21:02 +01:00
Badge.stories.tsx feat: global update including storybook setup and backend fixes 2026-02-02 19:34:14 +01:00
badge.test.tsx aesthetic-improvements: align spacing to 8px grid (Action 11.2.1.3) 2026-01-16 11:50:46 +01:00
badge.tsx feat(ui): remaining polish — DnD feedback, typography headings, lightbox, share dialog 2026-02-09 23:54:39 +01:00
button-loading.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
button-loading.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
Button.stories.tsx style(ui): elevate visual fidelity to premium standards 2026-02-07 08:03:28 +01:00
button.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
button.tsx feat(ui): semantic tokens in modal, button, card, alert 2026-02-10 09:29:48 +01:00
Card.stories.tsx style(ui): elevate visual fidelity to premium standards 2026-02-07 08:03:28 +01:00
card.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
card.tsx ui(design): Phase 3 - rounded tokens, min-w/min-h, stories, NavigationProgress 2026-02-10 19:24:07 +01:00
Checkbox.stories.tsx feat: global update including storybook setup and backend fixes 2026-02-02 19:34:14 +01:00
checkbox.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
checkbox.tsx feat(ui): premium empty states + focus ring consistency 2026-02-09 23:23:09 +01:00
Collapsible.stories.tsx feat(storybook): expanded coverage for structural components (batch 4) 2026-02-02 19:44:58 +01:00
collapsible.tsx feat(ui): avatar polish, smooth accordion, modal animation consistency 2026-02-09 23:46:46 +01:00
confirmation-dialog.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
confirmation-dialog.tsx ui(tokens): migrate text-kodo-red → text-destructive, text-kodo-lime → text-success (56 files) 2026-02-09 00:14:40 +01:00
ConfirmationDialog.stories.tsx feat(storybook): complete UI component coverage (batches 6-9) 2026-02-02 19:50:45 +01:00
ContentFadeIn.tsx feat(ui): Sidebar refactor, premium skeletons, ContentFadeIn transitions 2026-02-10 22:51:51 +01:00
DataList.stories.tsx style(playlists,ui): elevate PlaylistListToolbar, DataList, Select to SaaS Premium 2026-02-07 15:26:55 +01:00
DataList.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
DataList.tsx refactor(ui): extract DataList into data-list module 2026-02-05 22:35:53 +01:00
date-picker.test.tsx refactor(ui): extract DatePicker into date-picker module 2026-02-05 22:15:11 +01:00
DatePicker.stories.tsx refactor(ui): extract DatePicker into date-picker module 2026-02-05 22:15:11 +01:00
Dialog.stories.tsx style(ui): elevate Dialog to SaaS Premium 2026-02-07 15:08:52 +01:00
dialog.test.tsx style(ui): elevate Dialog to SaaS Premium 2026-02-07 15:08:52 +01:00
dialog.tsx refactor(ui): extract Dialog into dialog module 2026-02-05 22:59:48 +01:00
dropdown-menu.test.tsx style(ui): elevate Dropdown, DropdownMenu, Tooltip to SaaS Premium; update test 2026-02-07 14:23:04 +01:00
dropdown-menu.tsx refactor(ui): dropdown-menu module, dropdown controlled open, re-export 2026-02-06 02:27:29 +01:00
dropdown.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
dropdown.tsx ui(design): Phase 3 - rounded tokens, min-w/min-h, stories, NavigationProgress 2026-02-10 19:24:07 +01:00
DropdownMenu.stories.tsx feat(storybook): expanded coverage for complex UI components (batch 2) 2026-02-02 19:39:50 +01:00
empty-state.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
empty-state.tsx feat(ui): premium empty states + focus ring consistency 2026-02-09 23:23:09 +01:00
ERROR_DISPLAY_COMPONENT_API.md incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
ERROR_DISPLAY_STRATEGY.md incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
ErrorBoundary.tsx fix: add override modifier to ErrorBoundary.render() 2026-02-10 00:49:59 +01:00
ErrorDisplay.stories.tsx feat(storybook): complete UI component coverage (batches 6-9) 2026-02-02 19:50:45 +01:00
ErrorDisplay.tsx feat(web): UI premium Discord/Spotify-like — tokens, shadows, focus, layout 2026-02-08 17:15:58 +01:00
FAB.stories.tsx feat(storybook): complete UI component coverage (batches 6-9) 2026-02-02 19:50:45 +01:00
FAB.tsx feat(a11y): comprehensive accessibility & view states improvements 2026-02-09 23:04:35 +01:00
file-upload.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
floating-input.tsx feat(ui): form polish + micro-interactions for premium feel 2026-02-09 23:31:52 +01:00
FloatingInput.stories.tsx feat(storybook): complete UI component coverage (batches 6-9) 2026-02-02 19:50:45 +01:00
focus-trap.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
focus-trap.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
FocusTrap.stories.tsx style: fix leftover kodo in ProfileView, FileTableRow.stories, FocusTrap.stories 2026-02-07 15:17:47 +01:00
FormField.stories.tsx feat(storybook): complete UI component coverage (batches 6-9) 2026-02-02 19:50:45 +01:00
FormField.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
FormField.tsx ui(tokens): migrate text-kodo-red → text-destructive, text-kodo-lime → text-success (56 files) 2026-02-09 00:14:40 +01:00
HelpText.stories.tsx feat(storybook): expanded coverage for visual and feedback components (batch 5) 2026-02-02 19:46:27 +01:00
HelpText.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
HelpText.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
ImageCropper.stories.tsx feat(storybook): complete UI component coverage (batches 6-9) 2026-02-02 19:50:45 +01:00
ImageCropper.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
ImageCropper.tsx ui(design): migrate ImageCropper, PlaybackSummary to layout tokens 2026-02-10 14:07:19 +01:00
ImageViewerModal.stories.tsx feat(ui): badge polish, DnD feedback, typography system, image lightbox 2026-02-09 23:52:33 +01:00
ImageViewerModal.test.tsx feat(ui): badge polish, DnD feedback, typography system, image lightbox 2026-02-09 23:52:33 +01:00
ImageViewerModal.tsx feat(ui): remaining polish — DnD feedback, typography headings, lightbox, share dialog 2026-02-09 23:54:39 +01:00
Input.stories.tsx feat: global update including storybook setup and backend fixes 2026-02-02 19:34:14 +01:00
input.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
input.tsx fix: resolve TypeScript errors from UI polish subagents 2026-02-10 00:52:48 +01:00
KeyboardShortcutsPanel.tsx feat(ui): profile page premium polish + keyboard shortcuts panel 2026-02-10 00:15:50 +01:00
Label.stories.tsx feat(storybook): expanded coverage for structural components (batch 4) 2026-02-02 19:44:58 +01:00
label.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
label.tsx ui(tokens): complete text-kodo-content-dim → text-muted-foreground migration (52 files) 2026-02-09 00:04:51 +01:00
LazyComponent.test.tsx test(ui): add LazyErrorFallback and LazyComponent stories; fix LazyComponent tests for fallback text 2026-02-05 20:49:17 +01:00
LazyComponent.tsx refactor(ui): decompose LazyComponent into lazy-component module with LazyErrorFallback, LazyErrorBoundary, createLazyComponent 2026-02-05 20:48:36 +01:00
loading-spinner.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
loading-spinner.tsx ui(tokens): complete text-kodo-content-dim → text-muted-foreground migration (52 files) 2026-02-09 00:04:51 +01:00
LoadingSpinner.stories.tsx feat(storybook): complete UI component coverage (batches 6-9) 2026-02-02 19:50:45 +01:00
LoadingState.stories.tsx ui(design): Phase 3 - rounded tokens, min-w/min-h, stories, NavigationProgress 2026-02-10 19:24:07 +01:00
LoadingState.tsx feat(ui): semantic tokens in loading states, header, sidebar, navbar 2026-02-10 09:28:43 +01:00
Modal.stories.tsx feat(storybook): complete UI component coverage (batches 6-9) 2026-02-02 19:50:45 +01:00
modal.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
modal.tsx ui(design): migrate layout arbitrary values to tokens - Phase 1 2026-02-10 14:06:30 +01:00
NavigationProgress.tsx ui(design): Phase 3 - rounded tokens, min-w/min-h, stories, NavigationProgress 2026-02-10 19:24:07 +01:00
optimized-image.test.tsx style(ui): elevate OptimizedImage to SaaS Premium and update test 2026-02-07 14:05:38 +01:00
optimized-image.tsx refactor(ui): extract OptimizedImage into optimized-image module 2026-02-05 22:31:35 +01:00
OptimizedImage.stories.tsx refactor(ui): extract OptimizedImage into optimized-image module 2026-02-05 22:31:35 +01:00
Progress.stories.tsx feat(storybook): expanded coverage for core UI components (batch 1) 2026-02-02 19:37:52 +01:00
progress.test.tsx improving UI: adding API doc to Developer Page 2026-01-26 14:12:17 +01:00
progress.tsx feat(a11y): comprehensive accessibility & view states improvements 2026-02-09 23:04:35 +01:00
radio-group.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
radio-group.tsx feat(a11y): comprehensive accessibility & view states improvements 2026-02-09 23:04:35 +01:00
RadioGroup.stories.tsx feat(storybook): expanded coverage for complex form & data components (batch 3) 2026-02-02 19:41:12 +01:00
scroll-area.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
scroll-area.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
ScrollArea.stories.tsx ui(design): Phase 3 - rounded tokens, min-w/min-h, stories, NavigationProgress 2026-02-10 19:24:07 +01:00
ScrollToTop.tsx feat(ui): error boundary with premium fallback + scroll-to-top button 2026-02-10 00:33:21 +01:00
select.test.tsx test(ui): add Select stories (Default, Empty, Disabled, Grouped, MultiSelect), fix tests for listbox/option 2026-02-05 21:16:30 +01:00
Sidebar.stories.tsx feat(storybook): expanded coverage for structural components (batch 4) 2026-02-02 19:44:58 +01:00
Sidebar.tsx feat(web): UI premium Discord/Spotify-like — tokens, shadows, focus, layout 2026-02-08 17:15:58 +01:00
Skeleton.stories.tsx ui(design): Phase 3 - rounded tokens, min-w/min-h, stories, NavigationProgress 2026-02-10 19:24:07 +01:00
skeleton.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
skeleton.tsx feat(a11y): comprehensive accessibility & view states improvements 2026-02-09 23:04:35 +01:00
Slider.stories.tsx feat(storybook): expanded coverage for core UI components (batch 1) 2026-02-02 19:37:52 +01:00
slider.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
slider.tsx feat(ui): premium polish — route transitions, context menu, slider, sidebar tooltips 2026-02-09 23:10:10 +01:00
Spinner.stories.tsx feat(storybook): expanded coverage for visual and feedback components (batch 5) 2026-02-02 19:46:27 +01:00
Spinner.tsx ui(tokens): migrate kodo-cyan to primary (51 files, 88 instances) 2026-02-09 00:19:12 +01:00
Switch.stories.tsx feat(storybook): expanded coverage for core UI components (batch 1) 2026-02-02 19:37:52 +01:00
switch.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
switch.tsx feat(a11y): comprehensive accessibility & view states improvements 2026-02-09 23:04:35 +01:00
Table.stories.tsx feat(storybook): expanded coverage for complex form & data components (batch 3) 2026-02-02 19:41:12 +01:00
table.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
table.tsx feat(ui): table polish + mobile bottom navigation 2026-02-09 23:37:25 +01:00
Tabs.stories.tsx refactor(ui): tabs module, re-export 2026-02-06 10:12:33 +01:00
tabs.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
tabs.tsx refactor(ui): tabs module, re-export 2026-02-06 10:12:33 +01:00
Textarea.stories.tsx feat(storybook): expanded coverage for complex UI components (batch 2) 2026-02-02 19:39:50 +01:00
textarea.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
textarea.tsx refactor(ui): Design tokens - gradients, duration, textarea 2026-02-10 22:56:30 +01:00
Toast.stories.tsx feat(storybook): expanded coverage for structural components (batch 4) 2026-02-02 19:44:58 +01:00
Toast.test.tsx aesthetic-improvements: automated replacement of decorative cyan with steel (80/20 rule, Action 11.3.1.3) 2026-01-16 11:40:13 +01:00
Toast.tsx feat(a11y): comprehensive accessibility & view states improvements 2026-02-09 23:04:35 +01:00
Tooltip.stories.tsx refactor(ui): tooltip module, useTooltip, re-export, tests 2026-02-06 10:32:14 +01:00
tooltip.test.tsx refactor(ui): tooltip module, useTooltip, re-export, tests 2026-02-06 10:32:14 +01:00
tooltip.tsx refactor(ui): tooltip module, useTooltip, re-export, tests 2026-02-06 10:32:14 +01:00
virtualized-list.test.tsx refactor(web): split VirtualizedList into virtualized-list module 2026-02-06 13:55:06 +01:00
virtualized-list.tsx refactor(web): split VirtualizedList into virtualized-list module 2026-02-06 13:55:06 +01:00
VirtualizedList.stories.tsx feat(storybook): complete UI component coverage (batches 6-9) 2026-02-02 19:50:45 +01:00
WaveformVisualizer.stories.tsx style(stories): replace kodo decorators with design tokens in all story files 2026-02-07 15:10:32 +01:00
WaveformVisualizer.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
WaveformVisualizer.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00