veza/apps/web/src/components/ui
senke 1e897c95a0 ui(tokens): migrate kodo-cyan to primary (51 files, 88 instances)
Replace legacy text-kodo-cyan/border-kodo-cyan/bg-kodo-cyan with semantic
text-primary/border-primary/bg-primary across 51 components.

The brand primary color now uses the design system token, enabling proper
theme adaptation. Covers UI primitives, search, dashboard, chat, playlists,
settings, social, marketplace, and auth components.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-09 00:19:12 +01:00
..
accordion feat(web): UI premium Discord/Spotify-like — tokens, shadows, focus, layout 2026-02-08 17:15:58 +01:00
avatar-upload ui(components): migrate remaining 27 skeleton files to Skeleton shimmer 2026-02-08 23:21:33 +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
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
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 ui(a11y): add focus-visible ring to 16 interactive components 2026-02-08 22:48:24 +01:00
tabs style(ui): elevate Tabs and Accordion to SaaS Premium 2026-02-07 14:17:49 +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 ui(tokens): migrate bg/border-kodo-red → destructive, bg/border-kodo-lime → success (25 files) 2026-02-09 00:17:14 +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 ui(tokens): migrate bg-kodo-steel to bg-muted (46 files, 76 instances) 2026-02-09 00:08:42 +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 ui(tokens): migrate bg/border-kodo-red → destructive, bg/border-kodo-lime → success (25 files) 2026-02-09 00:17:14 +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(web): UI premium Discord/Spotify-like — tokens, shadows, focus, layout 2026-02-08 17:15:58 +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 feat(web): UI premium Discord/Spotify-like — tokens, shadows, focus, layout 2026-02-08 17:15:58 +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 ui(tokens): migrate kodo-cyan to primary (51 files, 88 instances) 2026-02-09 00:19:12 +01:00
Collapsible.stories.tsx feat(storybook): expanded coverage for structural components (batch 4) 2026-02-02 19:44:58 +01:00
collapsible.tsx ui(motion): add scaleIn animation to Dropdown menu, fix Collapsible tokens 2026-02-09 00:11:25 +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
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(motion): add scaleIn animation to Dropdown menu, fix Collapsible tokens 2026-02-09 00:11:25 +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 ui(components): migrate inline empty states to EmptyState component 2026-02-08 23:15:53 +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
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(web): UI premium Discord/Spotify-like — tokens, shadows, focus, layout 2026-02-08 17:15:58 +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 ui(tokens): migrate kodo-cyan to primary (51 files, 88 instances) 2026-02-09 00:19:12 +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(tokens): migrate kodo-cyan to primary (51 files, 88 instances) 2026-02-09 00:19:12 +01:00
ImageViewerModal.stories.tsx feat(storybook): complete UI component coverage (batches 6-9) 2026-02-02 19:50:45 +01:00
ImageViewerModal.test.tsx incus deployement fully implemented, Makefile updated and make fmt ran 2026-01-13 19:47:57 +01:00
ImageViewerModal.tsx aesthetic-improvements: align spacing to 8px grid (Action 11.2.1.3) 2026-01-16 11:50:46 +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 feat(web): UI premium Discord/Spotify-like — tokens, shadows, focus, layout 2026-02-08 17:15:58 +01:00
KodoEmptyState.stories.tsx feat(storybook): expanded coverage for visual and feedback components (batch 5) 2026-02-02 19:46:27 +01:00
KodoEmptyState.tsx feat(web): UI premium Discord/Spotify-like — tokens, shadows, focus, layout 2026-02-08 17:15:58 +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 feat(storybook): complete UI component coverage (batches 6-9) 2026-02-02 19:50:45 +01:00
LoadingState.tsx ui(tokens): migrate bg-kodo-steel to bg-muted (46 files, 76 instances) 2026-02-09 00:08:42 +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(tokens): migrate border-kodo-steel to border-border (86 files, 269 instances) 2026-02-09 00:07:00 +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 ui(tokens): migrate kodo-cyan to primary (51 files, 88 instances) 2026-02-09 00:19:12 +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 ui(tokens): migrate border-kodo-steel to border-border (86 files, 269 instances) 2026-02-09 00:07:00 +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 feat(storybook): expanded coverage for structural components (batch 4) 2026-02-02 19:44:58 +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 feat(storybook): expanded coverage for structural components (batch 4) 2026-02-02 19:44:58 +01:00
skeleton.test.tsx refonte: backend-api go first; phase 1 2025-12-12 21:34:34 -05:00
skeleton.tsx ui(components): add shimmer animation to Skeleton component 2026-02-08 23:01:31 +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(web): UI premium Discord/Spotify-like — tokens, shadows, focus, layout 2026-02-08 17:15:58 +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 ui(components): migrate Switch, Toast, LoadingSpinner to design system 2026-02-08 22:56:36 +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 ui(tokens): migrate bg-kodo-steel to bg-muted (46 files, 76 instances) 2026-02-09 00:08:42 +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 ui(tokens): migrate text-kodo-red → text-destructive, text-kodo-lime → text-success (56 files) 2026-02-09 00:14:40 +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 ui(tokens): migrate Toast component to semantic design system tokens 2026-02-09 00:12:29 +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