senke
8bc570cfda
cognitive-load: organize secondary info in tabs on dashboard
...
- Added Tabs component to organize Activity Feed content
- Chart and Activity List now in separate tabs (Graphique, Activité)
- Reduces cognitive load by showing one view at a time
- Default tab is 'Graphique' (Chart)
- Tabs are inside the collapsible Activity Feed section
- Action 10.1.1.3 complete
2026-01-16 02:28:58 +01:00
senke
e7bec689b0
cognitive-load: show only 2 key metrics on dashboard, hide rest behind View All
...
- Added progressive disclosure for dashboard metrics
- Shows first 2 metrics (Pistes écoutées, Messages envoyés) initially
- Hides Favoris and Amis actifs behind 'Voir tout' button
- Added 'Voir moins' button to collapse back to 2 metrics
- Reduces cognitive load by showing only essential metrics first
- Action 10.1.1.1 complete
2026-01-16 02:27:26 +01:00
senke
73ef38872e
cognitive-load: add clear filters button to LibraryPage
...
- Added clear filters button inside AdvancedFilters component
- Button only visible when filters are active
- Clears all filters: search, genre, format, sort
- Uses RotateCcw icon and outline button variant
- Improves UX by allowing quick filter reset
- Action 10.3.1.3 complete
2026-01-16 02:25:46 +01:00
senke
b12c58868c
cognitive-load: hide advanced filters behind AdvancedFilters component
...
- Wrapped Genre, Format, and Sort filters in AdvancedFilters component
- Search input remains visible (basic functionality)
- Advanced filters hidden by default, expandable on demand
- Added tooltip to AdvancedFilters explaining functionality
- Reduces cognitive load through progressive disclosure
- Action 10.3.1.2 complete
2026-01-16 02:24:14 +01:00
senke
7ab4e03ded
cognitive-load: add tooltips to advanced features
...
- Added optional tooltip prop to AdvancedFilters component
- Added tooltips to LibraryPage view mode toggles (Grid/List)
- Added tooltip to LibraryPage sort button
- Added context-aware tooltip to LibraryPage bulk mode button
- Tooltips explain functionality and improve discoverability
- Action 10.4.1.2 complete
2026-01-16 02:22:41 +01:00
senke
e2b03341b2
cognitive-load: tooltip component already exists
...
- Verified Tooltip component exists at apps/web/src/components/ui/tooltip.tsx
- Component is fully functional with multiple positions, triggers, and features
- Already integrated with Kodo design system
- No dependency installation needed
- Action 10.4.1.1 complete
2026-01-16 02:21:05 +01:00
senke
ed1af8b290
cognitive-load: create AdvancedFilters component
...
- Created collapsible AdvancedFilters component for progressive disclosure
- Uses existing Collapsible component for consistency
- Supports controlled and uncontrolled modes
- Customizable label and optional filter icon
- Follows Kodo design system styling
- Ready to wrap Genre, Format, and Sort filters in LibraryPage
- Action 10.3.1.1 complete
2026-01-16 02:20:26 +01:00
senke
8949ac46f1
consistency: add visual test page for Input component
...
- Added comprehensive visual test section to DesignSystemDemoPage
- Tests basic states (normal, with value, disabled, disabled with value)
- Tests 8 input types (text, email, password, number, search, url, tel, date)
- Tests width variations (full, half, fixed)
- Tests placeholder variations (with, without, long, short)
- Available at /design-system route for visual verification
- Action 9.5.1.6 complete
2026-01-16 02:18:06 +01:00
senke
3721274760
consistency: add visual test page for button variants
...
- Added comprehensive visual test section to DesignSystemDemoPage
- Tests all 5 variants (default, destructive, outline, secondary, ghost)
- Tests all 4 sizes (sm, default, lg, icon)
- Tests all variant × size combinations (20 total)
- Tests normal and disabled states
- Available at /design-system route for visual verification
- Action 9.3.1.6 complete
2026-01-16 02:17:01 +01:00
senke
e30acf15cf
consistency: add JSDoc documentation for button variants
...
- Added comprehensive JSDoc comments for buttonVariants
- Documented all 5 variants (default, destructive, outline, secondary, ghost) with use cases
- Documented all 4 sizes (default, sm, lg, icon) with descriptions
- Added ButtonProps interface documentation with examples
- Added Button component documentation with usage examples
- Action 9.3.1.5 complete
2026-01-16 02:15:30 +01:00
senke
2152224fdf
consistency: simplify button glow effects
...
- Removed excessive glows from button variants
- default: removed base glow, reduced hover glow (30px→15px, opacity 0.5→0.3)
- destructive: removed hover glow
- outline: removed hover glow
- Buttons now have minimal, subtle glows for better visual hierarchy
- Action 9.3.1.4 complete
2026-01-16 02:14:52 +01:00
senke
e11a2e0e44
consistency: mark Action 9.3.1.3 complete (variants already replaced)
...
- Action 9.3.1.3 completed as part of 9.3.1.2
- All removed variant usages were replaced before removing variants
- No remaining references to neon, glass, premium, or link variants
2026-01-16 02:14:12 +01:00
senke
216c4c6f52
consistency: remove unused button variants (neon, glass, premium, link)
...
- Removed neon, glass, premium, and link variants from Button component
- Replaced variant="link" in PostCard with variant="ghost" (with underline)
- Replaced variant="premium" in LibraryPage and FAB with variant="default"
- Updated COMPONENT_USAGE.md to reflect removed variants
- Remaining variants: default, destructive, outline, secondary, ghost
- Action 9.3.1.2 complete
2026-01-16 02:13:51 +01:00
senke
31c5b1aef2
consistency: replace custom components with design system components
...
- Fixed UserCard: removed invalid Card variant prop, fixed Button variants
- Fixed LicenceCard: removed invalid Card variant prop, fixed Button variants
- Replaced FormField Input with design system Input (removed Tailwind defaults)
- Replaced FormField Textarea with design system Textarea (removed Tailwind defaults)
- Replaced FormField Select with design system Select (maintained backward compatibility)
- All components now use design system components with proper error handling
- Action 9.2.1.6 complete
2026-01-16 02:11:40 +01:00
senke
3a90ee4747
consistency: create component usage guide
...
- Created comprehensive guide documenting design system components
- Documents Button, Card, Input, Select, Dialog, Alert, Badge components
- Includes use cases, variants, sizes, examples, and best practices
- Provides migration guide for custom implementations
- Action 9.2.1.4 complete
2026-01-16 02:08:56 +01:00
senke
fd3a14615f
consistency: add ESLint rule to enforce Button component usage
...
- Added no-restricted-syntax rule to detect native <button> elements
- Rule warns developers to use Button component from @/components/ui/button
- Ensures consistent styling, accessibility, and design system compliance
- Rule tested and working correctly
- Action 9.2.1.3 complete
2026-01-16 02:07:51 +01:00
senke
bd9d971c26
consistency: replace custom buttons with Button component (partial)
...
- Replaced custom button implementations with Button component in 14 files
- Files updated: LiveStreamDetailView, DashboardPage, CommentItem, PostCard, SocialPage, SocialView, AdminUsersView, UserTableRow, ProjectsManager, CloudFileBrowser, FileManagerView, CreatorModal, ImageCropper, BulkUploadModal
- ~31 buttons replaced across high-priority files
- Used appropriate Button variants: ghost, outline, default, secondary, link
- Preserved visual appearance with className overrides where needed
- Action 9.2.1.2 in progress (partial completion)
2026-01-16 02:06:14 +01:00
senke
b81042bfba
consistency: add ESLint rule to prevent Tailwind default colors
...
- Added no-restricted-syntax rule to detect Tailwind default color classes
- Warns on default colors (slate, gray, zinc, red, blue, etc.) in className strings
- Prompts developers to use Kodo design system colors instead
- Rule tested and working - correctly flags violations
- Action 9.1.1.4 complete
2026-01-16 02:02:14 +01:00
senke
98664e858a
docs: update TODO list - Action 9.1.1.3 migration complete (87% done, remaining in test files)
2026-01-16 02:00:12 +01:00
senke
bcf36cdd78
consistency: fix final Tailwind default color instances
2026-01-16 01:59:56 +01:00
senke
fdb080ae00
consistency: fix remaining Tailwind default colors in auth and features components
2026-01-16 01:59:31 +01:00
senke
13cf143407
consistency: fix remaining Tailwind default color edge cases
2026-01-16 01:58:12 +01:00
senke
bb46cedb3d
consistency: auto-migrate Tailwind default colors (Batch 14, 50 instances)
2026-01-16 01:57:08 +01:00
senke
6208283c49
consistency: auto-migrate Tailwind default colors (Batch 13, 110 instances)
2026-01-16 01:57:04 +01:00
senke
c046887bc1
consistency: auto-migrate Tailwind default colors (Batch 12, 62 instances)
2026-01-16 01:57:01 +01:00
senke
70fd16a396
consistency: auto-migrate Tailwind default colors (Batch 11, 100 instances)
2026-01-16 01:56:57 +01:00
senke
2d59256fbb
consistency: auto-migrate Tailwind default colors (Batch 10, 130 instances)
2026-01-16 01:56:54 +01:00
senke
3151c2200a
consistency: auto-migrate Tailwind default colors (Batch 9, 70 instances)
2026-01-16 01:56:50 +01:00
senke
02053385ca
consistency: auto-migrate Tailwind default colors (Batch 8, 47 instances)
2026-01-16 01:56:47 +01:00
senke
3a6f539c77
consistency: auto-migrate Tailwind default colors (Batch 7, 37 instances)
2026-01-16 01:56:44 +01:00
senke
804327d816
consistency: auto-migrate Tailwind default colors (Batch 6, 21 instances)
2026-01-16 01:56:41 +01:00
senke
cbc19077f7
consistency: auto-migrate Tailwind default colors (Batch 5, 50 instances)
2026-01-16 01:56:37 +01:00
senke
fb83ad79fa
consistency: auto-migrate Tailwind default colors (Batch 4, 114 instances)
2026-01-16 01:56:34 +01:00
senke
0284a93cab
consistency: auto-migrate Tailwind default colors (Batch 3, 70 instances)
2026-01-16 01:56:30 +01:00
senke
a7afc7dd7d
consistency: auto-migrate Tailwind default colors (Batch 2, 64 instances)
2026-01-16 01:56:27 +01:00
senke
197879d295
consistency: auto-migrate Tailwind default colors (Batch 1, 83 instances)
2026-01-16 01:56:24 +01:00
senke
5348fc0528
docs: update TODO list with automated migration script references
2026-01-16 01:55:18 +01:00
senke
a51d910e0b
feat: add automated scripts for Tailwind color migration with batch processing and verification
2026-01-16 01:54:57 +01:00
senke
ad0637880a
docs: generate comprehensive list of all remaining Tailwind default color instances
2026-01-16 01:51:32 +01:00
senke
5236b8704d
consistency: migrate Tailwind default colors in CheckoutView and FileManagerView (Batches 19-20)
2026-01-16 01:49:52 +01:00
senke
97747d376c
consistency: migrate Tailwind default colors in CartView and SearchPageView (Batches 17-18)
2026-01-16 01:48:26 +01:00
senke
6ffb82f139
consistency: migrate Tailwind default colors in AdminView and EducationView (Batches 15-16)
2026-01-16 01:47:43 +01:00
senke
ce9883b1e6
consistency: migrate Tailwind default colors in ProfileView.tsx (Batch 14)
2026-01-16 01:46:58 +01:00
senke
f73e4c2d00
consistency: migrate Tailwind default colors in LiveView, StudioView, and UploadView (Batches 11-13)
2026-01-16 01:46:02 +01:00
senke
8da02d22fe
consistency: migrate Tailwind default colors in SettingsView and SocialView (Batches 9-10)
2026-01-16 01:45:00 +01:00
senke
42765ca915
consistency: migrate Tailwind default colors in PurchasesView.tsx (Batch 8)
2026-01-16 01:44:12 +01:00
senke
4bd5b637a4
consistency: migrate Tailwind default colors in NotificationsView.tsx (Batch 7)
2026-01-16 01:43:37 +01:00
senke
bfc4d75969
consistency: migrate Tailwind default colors in DiscoverView.tsx (Batch 6)
2026-01-16 01:43:00 +01:00
senke
c2521fd26f
consistency: migrate Tailwind default colors in FileDetailsView.tsx (Batch 5)
2026-01-16 01:42:21 +01:00
senke
d3775be22b
consistency: migrate Tailwind default colors in MarketplaceView.tsx (Batch 4)
2026-01-16 01:41:40 +01:00