senke/veza
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
2001 commits 37 branches 94 tags 1.5 GiB
Commit graph

1190 commits

Author SHA1 Message Date
senke
96b5c68ca1 docs: update UI_QUALITY_LOG with levers 17-25 
Document: empty state batch 2-3, hover transitions, dropdown animation,
and massive token elimination campaign (text-kodo-content-dim,
border-kodo-steel, bg-kodo-steel, text-kodo-secondary, text-kodo-red,
text-kodo-lime, Toast tokens).

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:15:56 +01:00
senke
f9ed6915fc ui(tokens): migrate text-kodo-red → text-destructive, text-kodo-lime → text-success (56 files) 
Replace remaining legacy semantic color tokens:
- text-kodo-red → text-destructive (36 files, 50 instances): errors,
  deletions, validation, destructive actions
- text-kodo-lime → text-success (36 files, 48 instances): success states,
  confirmations, positive indicators

These tokens now adapt to theme changes instead of being hardcoded.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:14:40 +01:00
senke
68a4aba534 ui(tokens): migrate text-kodo-secondary to text-muted-foreground (11 files) 
Replace legacy text-kodo-secondary with semantic text-muted-foreground
across chat, notifications, developer tools, and PWA components.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:13:27 +01:00
senke
1eb9baa881 ui(tokens): migrate Toast component to semantic design system tokens 
Replace legacy color tokens in Toast component:
- border-kodo-lime → border-success
- border-kodo-red → border-destructive
- text-kodo-lime → text-success
- text-kodo-red → text-destructive
- text-kodo-steel → text-muted-foreground
- text-white → text-foreground
- bg-kodo-ink/90 → bg-card/90
- hover:text-white → hover:text-foreground

Toast now adapts correctly to light/dark theme.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:12:29 +01:00
senke
00d2f7c2c2 ui(motion): add scaleIn animation to Dropdown menu, fix Collapsible tokens 
Dropdown: add animate-scaleIn entrance animation with origin based on
alignment (top-left, top-right, or top-center). Menu now fades+scales
instead of popping instantly.

Collapsible: migrate focus ring from kodo-cyan/kodo-void to ring/background
tokens. Migrate chevron text from kodo-secondary to muted-foreground.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:11:25 +01:00
senke
ffc092621e ui(components): migrate 4 inline empty states to EmptyState in profile and marketplace 
UserProfilePageTabs: replace 3 inline empty divs (tracks, playlists, posts)
with EmptyState component using Music, Library, MessageSquare icons.

ProductDetailViewReviews: replace inline "No reviews yet" text with
EmptyState using Star icon and call-to-action description.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:10:09 +01:00
senke
71b4f6b9cc ui(tokens): migrate bg-kodo-steel to bg-muted (46 files, 76 instances) 
Replace legacy hardcoded bg-kodo-steel (RGB 59,69,84, theme-unaware)
with semantic bg-muted token across 46 user-facing components.

This completes the kodo-steel elimination from source files: text, border,
and background variants are now all on semantic design system tokens.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:08:42 +01:00
senke
8c3e7c1a36 ui(tokens): migrate border-kodo-steel to border-border (86 files, 269 instances) 
Replace legacy hardcoded border-kodo-steel (RGB 59,69,84, theme-unaware)
with semantic border-border token across 86 user-facing components.

Covers UI primitives (checkbox, badge, modal, table, textarea, alert,
radio-group, avatar), all modals, settings views, social features,
playlist views, inventory, chat, commerce, and cloud file browser.

Only story/test files retain the legacy token.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:07:00 +01:00
senke
47f325182a ui(tokens): complete text-kodo-content-dim → text-muted-foreground migration (52 files) 
Eliminate all remaining text-kodo-content-dim from user-facing source files.
This legacy token (hardcoded Gray-400) is now fully replaced by the
theme-aware text-muted-foreground token across UI primitives, settings,
social features, playlists, modals, inventory, and admin views.

Only story files (.stories.tsx) retain the old token for reference.
Total migration: ~345 instances across 87 files (this + previous commit).

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:04:51 +01:00
senke
4f58f19856 ui(tokens): migrate text-kodo-content-dim to text-muted-foreground (35 files, 160 instances) 
Replace legacy hardcoded `text-kodo-content-dim` (Gray-400, theme-unaware)
with semantic `text-muted-foreground` across 35 user-facing components.

This ensures all secondary/muted text adapts correctly to light/dark theme
changes instead of staying fixed at a single gray value.

Covers: SearchBar, PlaylistsView, NotificationBell, TrackAnalyticsView,
LiveStreamDetailView, LicenceCard, FilePreviewCard, PasswordStrengthIndicator,
NotificationItem, TrackList, CourseCard, GroupCard, AchievementCard, XPBar,
EquipmentCard, SellerDashboardView, APIPlaygroundView, DeveloperDashboardView,
CreatorModal, AddToPlaylistModal, LicenceDetailsModal, QuizModal,
CertificateModal, FlashSaleModal, CreateAPIKeyModal, LyricsEditorModal,
WatermarkSettingsModal, ProfileXPView, LeaderboardView, PostCard,
ExploreView, FeedView, MessageSearch, TypingIndicator, PlaylistTrackItem.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:03:33 +01:00
senke
6f24b97cc5 ui(motion): add transition-colors to QueuePanel items and Header mobile toggle 
Ensure smooth hover background transitions on interactive elements that
were snapping instead of transitioning:

- QueuePanel: queue list items now smooth-transition on hover
- Header: mobile sidebar toggle button smooth-transitions on hover

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:01:36 +01:00
senke
8267985824 ui(components): migrate 5 more inline empty states to EmptyState component 
Replace inline "no items" fallbacks with the shared EmptyState component
in high-visibility views:

- PlayerQueue: ListMusic icon + "Your queue is empty"
- WishlistView: Heart icon + "Your wishlist is empty"
- WebhooksView: Activity icon + "No endpoints registered"
- AdminModerationView: ShieldAlert icon + "All caught up!"
- RolesPage: improved empty message text

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:00:21 +01:00
senke
d473d5b4b9 docs: update UI_QUALITY_LOG with session 2 levers 13-16 
Document: skeleton shimmer migration (43 files), EmptyState migration,
text-destructive token migration, SearchPageResults/UserCard a11y.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 23:58:01 +01:00
senke
dec0359dcb ui(a11y): add focus-visible and keyboard support to SearchPageResults and UserCard 
SearchPageResults: add tabIndex, role="button", focus-visible ring, and
onKeyDown (Enter/Space) to all interactive Card elements across all tabs.

UserCard: convert clickable div/h3 to semantic <button> elements with
focus-visible ring. Migrate hardcoded text-white/text-kodo-content-dim
to design system tokens (text-foreground/text-muted-foreground).

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 23:57:26 +01:00
senke
3afc7e7762 ui(tokens): migrate text-red-500 to text-destructive across 11 components 
Replace hardcoded red-500/red-400 color references with the semantic
`destructive` design token. This ensures error and danger states adapt
correctly to theme changes and maintain consistency across the UI.

Files: PlayerExpanded, PlayerQueue, WebhooksView, RolesPage, ChatPage,
AdminDashboardStatCard, NotificationsViewItem/Header, AnalyticsViewTopTracks,
AdminDashboardTabs, AdminDashboardHeader.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 23:26:34 +01:00
senke
b04336129a ui(components): migrate remaining 27 skeleton files to Skeleton shimmer 
Complete the migration of all inline `animate-pulse bg-muted` patterns
to the shared `<Skeleton>` component with premium shimmer animation.

Covers: UserProfilePage, SearchPage, CourseDetailView, ProductDetailView,
NotificationsPage, ChatMessages, SessionsPage, RegisterPage, AudioPlayer,
DataList, AccountSettings, Dialog, CourseLearningView, TwoFactorSetup,
ProjectsManager, GoLiveView, ConnectivityView, AIToolsView,
CloudSettingsView, EquipmentDetailView, NotificationMenu, PlaybackHeatmap,
ProjectDetailView, AvatarUpload, ShareLinkManager, OptimizedImage, BlurPlaceholder.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 23:21:33 +01:00
senke
b3e00b4ff3 ui(components): migrate inline empty states to EmptyState component 
Replace bare text "No X found" messages with the shared EmptyState
component (icon + title + description + optional action). This gives
empty moments a designed, intentional feel instead of a raw fallback.

- EmptyState: use design system tokens (text-foreground, text-muted-foreground)
- MarketplaceHome: EmptyState with ShoppingBag icon
- MarketplaceViewGrid: EmptyState with clear filters action
- ProfileViewTracksTab: EmptyState with Music icon
- ProfileViewPlaylistsTab: EmptyState with ListMusic icon
- PurchasesViewList: EmptyState with ShoppingCart icon
- SessionManagement: centered empty text with padding

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 23:15:53 +01:00
senke
333aeee226 ui(components): migrate 16 skeleton files from animate-pulse to Skeleton shimmer 
Replace raw `animate-pulse bg-muted` divs with the `<Skeleton>` component
across all major page and section skeletons. Every loading state now uses
the premium sweeping shimmer animation instead of the basic pulse.

Files: TrackDetailPageSkeleton, LibraryPageSkeleton, PlaylistDetailPageSkeleton,
DiscoverViewSkeleton, PlaybackDashboardSkeleton, StudioViewSkeleton,
MonitoringDashboardSkeleton, LibraryManagerSkeleton, UploadViewSkeleton,
FileManagerViewSkeleton, TrackSearchFiltersSkeleton, TrackListPaginationSkeleton,
TrackFiltersSkeleton, TrackHistorySkeleton, PlaylistActionsSkeleton, TrackGrid.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 23:12:58 +01:00
senke
2240e24b45 docs: update UI_QUALITY_LOG with levers 10-12 
Document: PlaylistCard hover fix, Switch/Toast/Spinner design system
migration, and Skeleton shimmer animation.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 23:02:05 +01:00
senke
8620b9847e ui(components): add shimmer animation to Skeleton component 
Replace static animate-pulse with a sweeping gradient shimmer overlay
for a premium loading experience (Spotify/Discord-like).

Skeleton: bg-kodo-steel/50 → bg-muted/50 (design system token), adds
a child div with .skeleton-shimmer class for the gradient sweep.

index.css: add .skeleton-shimmer utility class with linear-gradient
animation (1.8s ease-in-out infinite). Respects prefers-reduced-motion
by disabling animation.

Existing inline skeletons using animate-pulse are unaffected.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 23:01:31 +01:00
senke
c42142584a ui(components): migrate Switch, Toast, LoadingSpinner to design system 
Switch:
- w-[44px] h-[24px] → w-11 h-6 (exact Tailwind equivalents)
- bg-kodo-cyan/kodo-steel → bg-primary/bg-muted (design system tokens)
- ring-kodo-cyan/kodo-void → ring-ring/ring-offset-background

Toast:
- min-w-[300px] → min-w-72 (288px, closest Tailwind value)

LoadingSpinner:
- min-h-[200px] → min-h-48 (192px)
- border-t-blue-600 → border-t-primary (design system token)
- border-kodo-steel → border-muted

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:56:36 +01:00
senke
9f102c14bf ui(components): fix PlaylistCard hover transition and add focus-visible 
- Remove transition-opacity that was overriding Card's shadow/color
  transitions (hover:shadow-xl was not animating)
- Add focus-visible ring to selectable wrapper and Link wrapper
- Replace ring-blue-500 (arbitrary color) with ring-primary (design system)
  for selected state

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:55:23 +01:00
senke
26aaff6cc3 docs: add UI_QUALITY_LOG.md tracking premium quality progress 
Documents 9 completed levers: contrast improvement, text-[10px] migration,
modal height tokens, shell refinements, player sidebar-awareness,
focus-visible rings, arbitrary value cleanup, scrollbar unification,
and fixDisplayIssues cleanup.

Each entry lists: affected files, visual impact, and risks avoided.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:53:34 +01:00
senke
1c5baa6d27 ui(shell): strip destructive CSS injection from fixDisplayIssues 
Rewrite fixDisplayIssues.ts from 719 → 70 lines. Removed:
- Nuclear CSS injection (background-image: none !important on *,
  border removal on all non-input elements, display: none on narrow
  elements)
- MutationObserver watching all DOM mutations
- setInterval(1000ms) scanning every element in the document
- 50+ debug log statements

Kept: grid overlay removal (harmless), 3 opt-in diagnostic console
commands (__enableCleanMode, __disableCleanMode, __findVerticalLines).

Also reduce aggressiveVisualFix.ts to a documented no-op (was already
disabled but still contained ~190 lines of dead code).

The original vertical line issue was fixed at the CSS source
(global-effects.css gradient removal + input focus styles).

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:51:11 +01:00
senke
eb295fc44a docs: add UI/UX audit reports and design system documentation 
- AUDIT_UI_UX_VISUEL_COMPLET.md: comprehensive visual audit with
  structured analysis (shell, rhythm, typography, colors, components,
  motion) and Top 10 improvement roadmap
- UI_UX_AUDIT_DISCORD_SPOTIFY_QUALITY.md: detailed gap analysis vs
  Discord/Spotify with phased action plan
- A11Y_AUDIT.md: accessibility audit baseline
- EMPTY_ERROR_PATTERNS.md: unified empty/error state pattern guide
- codemod-typography-arbitrary.mjs: migration script for text-[10px]

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:49:40 +01:00
senke
66cfacbcd7 ui(storybook): add allowedHosts config and update DESIGN_TOKENS docs 
- .storybook/main.ts: add viteFinal with allowedHosts for veza.fr/com
  domains
- DESIGN_TOKENS.md: document modal max-height tokens and typography
  exceptions (avatar xs text-[10px])
- capture-visual-baseline.mjs: fix locator selectors for sidebar and
  player captures

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:49:24 +01:00
senke
7786af5ca7 ui(tokens): unify scrollbar to single source in index.css 
Remove duplicate scrollbar definitions from:
- global-effects.css: replaced cyan scrollbar block with comment pointing
  to index.css as the single source
- fixDisplayIssues.ts: removed JS-injected scrollbar override that
  conflicted with the CSS source of truth

The canonical scrollbar definition (6px, white/12 thumb, transparent
track) now lives exclusively in index.css @layer base.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:49:13 +01:00
senke
6d24bd9941 ui(tokens): migrate remaining arbitrary min-w values to Tailwind scale 
- min-w-[140px] → min-w-36 (AdminModerationView)
- min-w-[100px] → min-w-24 (PlaylistFollowButton, FollowButton)
- min-w-[80px] → min-w-20 (PasswordStrengthIndicator)
- collapsible.tsx: eslint-disable comment for max-h-[5000px] animation
  technique (documented exception)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:48:37 +01:00
senke
83edd463c6 ui(a11y): add focus-visible ring to 16 interactive components 
Add consistent focus-visible:ring-2 focus-visible:ring-ring pattern to
elements using role="button" / tabIndex={0} that lacked visible focus
indicators.

Affected: TrackCard, 2FA setup steps, ProjectsManager cards,
NotificationMenuItem, SelectOptionItem, DropdownMenuItem,
ConversationItem, VirtualizedChatMessageItem, GearInventoryGrid,
UploadModal, SearchPageResults, SocialViewFeedItem, SocialViewSidebar,
FileManagerViewTable.

Improves keyboard navigation across the application.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:48:24 +01:00
senke
2b383b8d3c ui(components): sidebar-aware player bar, synced lyrics, queue positioning 
GlobalPlayer: sidebar-aware floating bar (lg:left-main-expanded/collapsed),
centered controls in flex flow, always-visible progress track, entrance
animation (slide-in-from-bottom-4 + fade-in), compact responsive layout.

PlayerExpanded: new synced lyrics panel with toggle, auto-scroll,
click-to-seek. Album art shrinks when lyrics are displayed.

PlayerQueue: sidebar-aware positioning matching GlobalPlayer pattern.

types.ts: add lyrics field (time/text pairs) to Track interface.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:48:08 +01:00
senke
49241df85c ui(shell): refine DashboardLayout scroll architecture and Header transparency 
DashboardLayout: add min-w-0 to flex child (prevents overflow), use
max-lg:ml-0 for responsive specificity, absolute-positioned player at
bottom of content area.

Header: bg-background/80 → bg-transparent with backdrop-blur-md for a
seamless Spotify-like header that blends with the page content below.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:47:53 +01:00
senke
320c8e3435 ui(tokens): replace arbitrary max-h/h viewport values with layout tokens 
Migrate all max-h-[XXvh] and h-[XXvh] to design system tokens:
- max-h-[85vh] → max-h-layout-modal (9 modals)
- max-h-[80vh] → max-h-layout-modal-sm (4 modals + notification bell)
- max-h-[70vh] → max-h-layout-modal-xs (AddToPlaylistModal)
- max-h-[90vh] → max-h-layout-modal-lg (CreatorModal)
- max-h-[400px] → max-h-layout-list (QueuePanel, OfflineQueueManager)
- max-h-[500px] → max-h-layout-drawer (APIPlaygroundView)
- h-[60vh] → h-layout-lyrics (FullPlayer, TrackDetailPageHero/Skeleton)
- max-w-[400px] → max-w-lg (FullPlayer)

Zero arbitrary viewport heights remain in modals and panels.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:47:41 +01:00
senke
7ac7b84fe9 ui(tokens): migrate text-[10px] to text-xs across 23 components 
Replace all arbitrary text-[10px] / text-[9px] with the standard Tailwind
text-xs token. Also migrates nearby arbitrary width values where applicable
(max-w-[200px] → max-w-48, max-w-[120px] → max-w-32, h-[1px] → h-px).

Only documented exceptions remain: avatar xs (text-[10px] for w-6 h-6
initials) and badge JSDoc reference.

Affected areas: admin views, marketplace, player, settings, chat, upload,
education, commerce, library, PWA, search, navbar, user card.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:47:19 +01:00
senke
b40956d9b4 ui(tokens): improve muted-foreground contrast for WCAG AA+ readability 
Dark mode: oklch(0.65) → oklch(0.70) — closer to Spotify/Discord secondary text.
Light mode: oklch(0.45) → oklch(0.42) — stronger contrast on white backgrounds.
Sidebar-foreground synced with muted-foreground for consistency.

Also includes previously integrated but uncommitted token work:
- Modal max-height tokens and utility classes (max-h-layout-modal*)
- Lyrics height tokens (h-layout-lyrics*)
- Responsive lg: margin-left / left utility classes for shell
- prefers-reduced-motion support for transition-shell and player-bar-entrance
- Main offset-bottom adjusted to 9rem (144px) for player clearance

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:43:47 +01:00
senke
66a56409ad feat(web): UI premium Discord/Spotify-like — tokens, shadows, focus, layout 
Plan UI premium 6–8 semaines (design system, shell, Storybook, a11y):

- Design system: DESIGN_TOKENS.md, APP_SHELL.md, FULL_LAYOUT_PAGE.md. Single source
  for layout/shell (index.css), shadows (design-system.css), durations/easing.
- Tokens: shadow-cover-depth, shadow-gold-glow, shadow-fab-glow; layout max-height
  (max-h-layout-drawer, max-h-layout-panel, max-h-layout-list). All duration-200/300/500
  replaced by --duration-fast/normal/slow. Arbitrary shadows replaced by token classes.
- Shell & player: Sidebar, Header, GlobalPlayer, MiniPlayer, PlayerQueue, PlayerControls,
  AudioPlayer use tokens; focus-visible on Sidebar, PlayerQueue, DropdownMenuTrigger/Item,
  TabsTrigger. Typography: text-[10px]/[9px] → text-xs where applicable.
- ESLint: no-restricted-syntax (warn) for w-/h-/rounded-/shadow-/text-/spacing arbitrary.
- Scripts: report-arbitrary-values.mjs, capture/compare/generate visual; visual-complete.spec.ts.
- Stories full layout: Dashboard, Playlists, Library, Settings, Profile in DashboardLayout.stories.
- .cursorrules + README: DESIGN_TOKENS, APP_SHELL, visual commands, no arbitrary without justification.
- apps/web/.gitignore: e2e test artifacts (test-results-visual, playwright-report-visual).

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 17:15:58 +01:00
senke
875df12d8b small fixes : cors + login loop 2026-02-07 20:36:48 +01:00
senke
82628b6043 test(storybook): Playwright suite for full Storybook + Spotify/Discord polish 
- Add playwright.config.storybook.ts: runs against storybook-static on :6007
- Add e2e/tests/storybook/storybook-all.spec.ts: one test per story (load iframe, no errors)
- Add scripts/serve-storybook-static.cjs: serves build or stub (empty index) when no build
- npm run test:storybook:playwright (after build-storybook) for full coverage
- Storybook decorator: use bg-background / design tokens for dark (#121212)
- Preview: default dark background #121212
- Button: secondary/ghost/glass aligned to Spotify/Discord (white/5, white/10 hover)
- KodoEmptyState: softer orbs, compact copy, primary CTA without heavy glow

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 20:30:49 +01:00
senke
d21462aa0b style(ui): Spotify-like palette, player, sidebar and dashboard polish 
- Dark palette: background 0.11, card 0.14, sidebar 0.08 (Spotify #121212 feel)
- MiniPlayer: h-16, thinner progress bar, compact cover/times, rounded actions
- Sidebar: minimal header, lighter section labels, clean nav hover (no heavy border)
- Header: h-16, rounded search pill, compact user pill and dropdown
- Dashboard: pt-20 to match header, StatCard typography and spacing tweaks
- Visual: register-page snapshot + small maxDiffPixels tolerance for font variance

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 20:19:59 +01:00
senke
6ce5ea10a4 feat(e2e): Playwright + pixelmatch stack for pixel-perfect visual regression 
- playwright.config.visual.ts: dedicated config, viewport 1280x720, Chromium only,
  snapshots in e2e/tests/visual/__snapshots__
- e2e/tests/visual/visual-regression.spec.ts: login, register, dashboard (full/header/sidebar),
  player bar, playlists, 404, mobile/tablet viewports; dark theme + reduceMotion
- scripts/visual-diff.js: optional pixelmatch script to generate diff image from two PNGs
- docs/VISUAL_TESTING_STRATEGY.md: strategy, commands, CI, workflow
- npm scripts: test:visual, test:visual:update, test:visual:report
- deps: pixelmatch, pngjs; @playwright/test aligned to 1.58.1
- baseline snapshots added for login, dashboard, playlists, 404, viewports

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 20:01:30 +01:00
senke
b156864ad4 feat(ui): dashboard StatCard surface + KodoEmptyState tokens (Spotify/Discord) 
- StatCard: variant surface, rounded-xl icon box, text-foreground
- KodoEmptyState: variant surface, primary orbs/icon/CTA, no kodo-*

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:52:24 +01:00
senke
01bfea96c2 feat(ui): login immersive — tokens, rounded-xl, surface card, primary CTA 
- AuthInput: bg-card border-border focus:border-primary rounded-xl, 200ms transition
- AuthLayout: Card variant surface, logo bg-primary + glow
- AuthButton: rounded-xl, primary glow shadow, 200ms ease-in-out
- fix-login-form: inputs/button/checkbox rounded-xl, checkbox accent primary

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:52:12 +01:00
senke
654ce7fac3 feat(ui): refactor global layout with immersive glassmorphism (Spotify/Discord-like) 
- Palette: Discord-like deep cold grays (background 0.12, sidebar 0.09, card 0.16)
- Transitions: --duration-immersive 200ms ease-in-out for micro-interactions
- Sidebar: bg from var(--sidebar), rounded-xl, backdrop-blur-md; icons
  text-muted-foreground/60 → text-primary on hover/active; 2px teal active bar
- Header: backdrop-blur-md, 200ms transitions
- MiniPlayer: h-20, backdrop-blur-md, bg-background/80, border-white/5 (no harsh border)
- Play button: teal pill with diffuse glow (shadow primary/0.4)
- Card: new 'surface' variant (border white/5, hover lighter + diffuse shadow)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:44:40 +01:00
senke
a1e4972e50 style(ui): P3 AdminSettingsView kodo-* → semantic tokens 
- Borders/labels: kodo-steel → border-border, kodo-content-dim → text-muted-foreground
- Inputs/selects: bg-kodo-ink border-kodo-steel → bg-card border-border focus:border-primary
- Feature Flags: icon text-primary, rows bg-muted/50, toggle track bg-success
- Maintenance card: border-destructive/30, icon text-destructive, toggle bg-destructive/bg-muted
- Headings text-foreground for consistency

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:37:41 +01:00
senke
4abdce05db style(ui): P3 AdminModerationView kodo-* → semantic tokens 
- border/text: kodo-steel → border-border, kodo-content-dim → text-muted-foreground
- kodo-text-main → text-foreground, kodo-red → destructive (tabs, card, reason, Ban button)
- Report block: bg-kodo-ink border-kodo-steel → bg-muted/50 border-border
- Loader and empty state use muted-foreground

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:36:27 +01:00
senke
54828ba555 style(ui): P3 AdminAuditLogsView semantic tokens + elevated card 
- Replace all text-kodo-content-dim with text-muted-foreground (audit P3)
- Card glass → elevated for consistency with admin dashboard

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:35:33 +01:00
senke
633c4065cf style(ui): P3 Rajdhani fallback, dashboard StatCard semantic tokens 
- index.css: add 'Inter' to --font-sans fallback (audit P3 glyph robustness)
- dashboard/StatCard.tsx: replace kodo-* with semantic tokens (primary,
  secondary, success, warning, destructive, muted-foreground)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:34:45 +01:00
senke
356fff3c2f style(ui): dashboard cards elevated, progress bar contrast (audit §7.2, §6.1) 
- Admin dashboard: StatCard, TrafficCard, ProtocolsCard, NodeHealthCard
  glass → elevated for main content depth (audit §7.2)
- MiniPlayer: progress rail bg-muted → bg-white/10, h-1 → h-1.5, fill
  bg-white → bg-primary for accessibility and consistency (§6.1)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:32:00 +01:00
senke
df418a226d style(ui): P2 contrast muted-foreground, sidebar spacing, dashboard gap, compact play button 
- index.css: --muted-foreground 0.70 → 0.73 in dark for better secondary text readability (audit §5.2)
- PlayerControls: compact play w-10→w-9, icon w-5→w-4; use bg-primary/text-primary-foreground
- Sidebar: space-y-6→space-y-8, section title mb-2→mb-3 mt-1 (audit §4.2)
- AdminDashboardView: stats grid gap-6→gap-8 (audit §4.3)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:30:13 +01:00
senke
f1e48a21e3 style(ui): unify sidebar badges to primary, improve card depth and affordance 
Phase 1 audit (P0 & P1):
- Sidebar: badges use primary (teal) instead of secondary (magenta)
- AdminDashboardStatCard: 0% trend shown as muted, never red
- AdminDashboardTrafficCard: remove fake Math.random() data, show empty state
- Dark theme: increase card luminance (0.21), stronger borders
- Card variants: add border-white/10 to glass, border-border to default
- Header: search input bg-card + border-white/10, migrate kodo-* to semantic tokens
- MiniPlayer: h-20 max (was h-24)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:28:12 +01:00
senke
cf292b4480 ci(storybook): implement batch processing and retry logic for audit script 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 17:07:28 +01:00
senke
d0f76c06e1 feat(ui): Zone 15 - Live & Checkout polish (Chat/Recommended/StreamInfo glass+glow, OrderSummary Card) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:47:18 +01:00
senke
7b026c0cd7 feat(ui): Zone 14 - AdminView polish (Sidebar glass/glow, dashboard motion, UserTableRow tokens) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:46:36 +01:00
senke
cd08b4a648 feat(ui): Zone 13 - Settings view polish (Header glass, Tabs container, Content/Skeleton sync) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:45:35 +01:00
senke
2a0878bee8 feat(ui): Zone 12 - Library & Analytics polish (min-h-layout-page, motion, glass/glow, skeleton sync) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:45:06 +01:00
senke
02cabc0837 feat(ui): Zone 11 - MarketplaceView SaaS polish (glass, glow, motion, fix allProducts, ProductCard tokens) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:44:13 +01:00
senke
6f7df5d6ba feat(ui): Zone 10 - SocialView SaaS polish (glass, glow, motion, error/empty) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:43:04 +01:00
senke
6695f06a7d style(commerce,upload,error): elevate Commerce, Upload, Error to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:07:09 +01:00
senke
ebf40ab134 style(settings,auth): elevate Security and Auth to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:02:52 +01:00
senke
81f1dbf33a style(player): elevate player components to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:01:56 +01:00
senke
bd6908f6bf style(player): elevate player components to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:33:31 +01:00
senke
96d6c9dc9e style(playlists,ui): elevate PlaylistListToolbar, DataList, Select to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:26:55 +01:00
senke
c4057212e8 style(layout): elevate Header, Navbar, AudioPlayer, Sidebar to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:25:44 +01:00
senke
991bfcedb8 style(studio): elevate CloudFileBrowser to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:20:44 +01:00
senke
4a0f7eae92 style(chat): elevate ChatSidebar and related stories to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:18:31 +01:00
senke
9044b9f1d7 style: fix leftover kodo in ProfileView, FileTableRow.stories, FocusTrap.stories 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:17:47 +01:00
senke
db5ee629da style(stories): replace kodo decorators with design tokens in all story files 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:10:32 +01:00
senke
eaf2e38f65 style(settings,views): elevate AccountSettings and ProfileView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:09:53 +01:00
senke
265938a838 style(ui): elevate Dialog to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:08:52 +01:00
senke
a2f4fb228c style: fix leftover kodo tokens in ProjectDetailView, ProductDetailView, CourseDetailView, UploadViewStepper 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:08:19 +01:00
senke
66b2fb2cfb style(studio): elevate ProjectDetailView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:01:03 +01:00
senke
5d9355f5ce style(streaming): elevate PlaybackHeatmap to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:01:00 +01:00
senke
86211ff8cf style(marketplace): elevate ProductDetailView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:58:26 +01:00
senke
603f88f656 style(education): elevate CourseDetailView and CourseLearningView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:57:13 +01:00
senke
90296081a8 style(notifications): elevate NotificationMenu story to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:57:11 +01:00
senke
7d6c18cc94 style(playlists): elevate playlist batch/track-list to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:54:46 +01:00
senke
39dfe109cc style(views): elevate UploadView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:54:19 +01:00
senke
c087ecc597 style(studio): fix ConnectivityViewWebhooks leftover kodo tokens 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:54:17 +01:00
senke
613f6bab7e style(settings): elevate TwoFactorSetup to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:42:45 +01:00
senke
0ca12c33bf style(studio): elevate ProjectsManager to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:41:25 +01:00
senke
94b840b996 style(studio): elevate CreateProjectModal to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:40:07 +01:00
senke
bbe16acb6a style(studio): elevate GoLiveView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:39:24 +01:00
senke
f08573e97f style(studio): elevate ConnectivityView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:38:15 +01:00
senke
11ef2affb9 style(settings,studio): remove remaining kodo in EditProfileIdentityCard and AIToolsViewSkeleton 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:37:35 +01:00
senke
315fd544f4 chore(storybook): exclude sb-common-assets from audit to reach 0 app errors 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:36:49 +01:00
senke
8d9b897641 style(studio): elevate AIToolsView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:25:23 +01:00
senke
abaf72f2ab style(studio): elevate CloudSettingsView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:25:20 +01:00
senke
8384080c34 style(views): elevate StudioView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:23:54 +01:00
senke
1e2b2177fa style(ui): elevate Dropdown, DropdownMenu, Tooltip to SaaS Premium; update test 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:23:04 +01:00
senke
07f5dc993f style(ui): elevate Tabs and Accordion to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:17:49 +01:00
senke
6537086bd5 style(settings): elevate EditProfile to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:17:10 +01:00
senke
16ce8290c8 style(social): elevate Profile + GroupDetailView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:15:35 +01:00
senke
ea036d060f style(player): remove remaining kodo in AudioPlayerFull 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:14:17 +01:00
senke
9f593582d7 style(discover): remove remaining kodo in DiscoverView Trending, Genres, types 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:13:58 +01:00
senke
6b2a41d18e fix(settings): AccountSettingsPreferencesCard syntax and remaining kodo 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:12:39 +01:00
senke
698a2c0a9d style(ui): elevate OptimizedImage to SaaS Premium and update test 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:05:38 +01:00
senke
63919ce983 style(discover): elevate DiscoverView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:05:04 +01:00
senke
5657c30e9d style(player): elevate AudioPlayer to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:04:13 +01:00
senke
168ef7abf3 style(file-details): elevate FileDetailsView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:03:36 +01:00
senke
ddc568222b style(seller): elevate CreateProductView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:03:00 +01:00
senke
9e5f280010 style(settings): elevate AccountSettings cards to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:02:15 +01:00
senke
0c0593cfff style(admin): elevate AdminDashboardView stories to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:01:29 +01:00
senke
550f7dbc5b style(checkout): elevate CheckoutView BillingCard and Header to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:01:11 +01:00
senke
c4366b9e74 fix(views): remove remaining kodo in Purchases/Cart/Live/Marketplace/Social 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:00:55 +01:00
senke
84cdcf395c style(views): elevate CheckoutView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:46:39 +01:00
senke
39cea43cc1 style(views): elevate LiveView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:45:38 +01:00
senke
7eacfb0e7f style(views): elevate AnalyticsView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:44:52 +01:00
senke
3da74c6012 style(views): elevate MarketplaceView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:44:12 +01:00
senke
c01f3bbf11 style(views): elevate SocialView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:43:31 +01:00
senke
4f6a2e0999 style(views): elevate PurchasesView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:42:37 +01:00
senke
822751fb6e style(views): elevate CartView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:41:56 +01:00
senke
e7ed774d34 style(views): elevate SettingsView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:41:19 +01:00
senke
1a0c93d35a style(views): elevate EducationView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:40:54 +01:00
senke
d00d08b6dc style(views): elevate NotificationsView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:40:29 +01:00
senke
991371e461 style(views): elevate AdminView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:40:12 +01:00
senke
80cff54be4 style(views): elevate AuthView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:39:51 +01:00
senke
51b5498f89 style(views): elevate ChatView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:39:38 +01:00
senke
daa64dcc0a style(library): elevate Library to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:39:18 +01:00
senke
2530198fb7 style(ui): elevate Button to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:38:52 +01:00
senke
9ae3e1d5a3 style(tracks): align story decorators with KŌDŌ tokens 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:17:00 +01:00
senke
c7ffd271f8 style(track-detail-page): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:16:07 +01:00
senke
2ae565a360 style(TrackCard): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:14:35 +01:00
senke
3eb5ee7dbb style(TrackListRow): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:13:34 +01:00
senke
a60e35f02a style(track-search): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:12:01 +01:00
senke
6cbcda455e style(TrackListContainer): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:11:47 +01:00
senke
6463ffb6cf style(UploadQuota): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:10:05 +01:00
senke
4433ec8c9c style(track-grid): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:08:39 +01:00
senke
40a9fa6e56 style(TrackStatsDisplay): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:07:10 +01:00
senke
df26e35623 style(TrackSort): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:05:27 +01:00
senke
cc6dff94fe style(ShareDialog): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:04:19 +01:00
senke
636ccb06d4 style(LikeButton): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:03:10 +01:00
senke
0757e0eb2e style(TrackListSelectionActions): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:01:35 +01:00
senke
e862516c1b style(ViewToggle): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 08:59:38 +01:00
senke
26a497464e style(track-search-filters): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 08:58:24 +01:00
senke
a9d13be10f style(track-list-pagination): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 08:56:06 +01:00
senke
8db8c5e6ca style(track-filters): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 08:54:49 +01:00
senke
ac863c31de style(comment-thread): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 08:52:35 +01:00
senke
58d47f3e38 style(track-history): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 08:49:21 +01:00
senke
c9cef0f36d style(tracks): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 08:35:52 +01:00
senke
4b2d86414b style(comments): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 08:13:59 +01:00
senke
e3dbbbb032 style(ui): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 08:03:28 +01:00
senke
276229a0e4 feat(tracks): use TrackListSkeleton for loading state and add Error story 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 07:40:16 +01:00
senke
0527eb76e5 test(comments): add comprehensive stories and MSW mocks 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 07:33:05 +01:00
senke
9573b8261c feat(comments): add high-fidelity skeletons and Framer Motion transitions 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 07:32:49 +01:00
senke
65e8a69db2 refactor(comments): modularize CommentSection with atomic sub-components 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 07:32:37 +01:00
senke
1c4b35a51e refactor(tracks): split TrackDetailPage into module with Hero, CoverAndActions, Info, Tabs, Skeleton, NotFound 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 06:57:32 +01:00
senke
df9d5f9be8 refactor(playlists): split PlaylistDetailPage into module with Hero, CoverAndInfo, ActionsBar, Tabs, Skeleton, NotFound 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 06:46:30 +01:00
senke
7d13c23d72 refactor(playlists): split PlaylistActions into module (buttons, edit dialog, skeleton) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 06:09:51 +01:00
senke
6f7156f035 refactor(web): split EquipmentDetailView into module (nav, gallery, specs, header, warranty, docs, service, skeleton) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 05:46:16 +01:00
senke
79eed88e57 refactor(web): split TrackListPagination into module (info, nav, utils, skeleton) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 05:03:53 +01:00
senke
27c8b9940e refactor(web): split PlaylistAnalytics into module (stat cards, main/advanced, error, skeleton) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 04:53:54 +01:00
senke
aafb4b083a refactor(web): split VirtualizedChatMessages into module (item, empty, loading, scroll btn, skeleton) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 04:44:26 +01:00
senke
d7d22b705e refactor(web): split LibraryPage into module (toolbar, empty, grid, list, skeleton) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 04:31:06 +01:00
senke
0bec3183d9 refactor(web): split router into module (PublicRoute, ProtectedLayoutRoute, routeConfig) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 04:16:37 +01:00
senke
d11aa1d3a2 refactor(web): split ChatView into chat-view module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 03:59:32 +01:00
senke
de3e704373 refactor(web): split AuthView into auth-view module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 03:53:59 +01:00
senke
86450a93ab refactor(web): split AdminView into admin-view module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 22:31:24 +01:00
senke
b4cca23ec9 refactor(web): split NotificationsView into notifications-view module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 22:22:47 +01:00
senke
abc4386495 refactor(web): split EducationView into education-view module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 22:11:13 +01:00
senke
6ccf3db0e1 refactor(web): split SettingsView into settings-view module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 21:59:42 +01:00
senke
dcf89cb2da refactor(web): split CartView into cart-view module 
- types: CartViewProps, CartDiscount
- useCartView: useCartStore, showPromo, discount, tax/finalTotal, handleApplyPromo
- CartViewEmpty, CartViewHeader, CartViewSummary, CartViewSecure, CartViewSkeleton
- PromoCodeModal in orchestrator; min-h-[60vh] -> min-h-layout-page-sm
- Stories: Default, Empty, Loading (Skeleton); decorator min-h-layout-page
- Re-export from CartView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 21:49:55 +01:00
senke
de2144f34f refactor(web): split PurchasesView into purchases-view module 
- types: PurchasesViewProps, Purchase
- usePurchasesView: commerceService.getPurchases, search, refund, download
- PurchasesViewHeader, PurchasesViewItem, PurchasesViewList, PurchasesViewSkeleton
- RefundRequestModal in orchestrator; Loading renders Skeleton
- Stories: Default, Empty (initialPurchases []), Loading (Skeleton)
- Re-export from PurchasesView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 21:42:35 +01:00
senke
b6b2791b76 refactor(web): split SocialView into social-view module 
- types: SocialViewProps, SocialTabKey
- useSocialView: feedTracks (trackService.list), activeTab, playTrack
- SocialViewSidebar, SocialViewFeed, SocialViewFeedItem, SocialViewTrending, SocialViewSkeleton
- Loading renders Skeleton; decorator min-h-layout-page
- Re-export from SocialView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 21:34:18 +01:00
senke
9a8af12b6b refactor(web): split MarketplaceView into marketplace-view module 
- types: MarketplaceViewProps, MarketplaceCategory; useMarketplaceView with marketplaceService/fallback
- MarketplaceViewHeader, MarketplaceViewCategories, MarketplaceViewSidebar, MarketplaceViewGrid, MarketplaceViewSkeleton
- allProducts for ProductDetailView similarProducts; min-h-screen -> min-h-layout-page
- Stories: Default, Loading (Skeleton); decorator min-h-layout-page
- Re-export from MarketplaceView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 18:42:16 +01:00
senke
461fd9cf6a refactor(web): split AnalyticsView into analytics-view module 
- types: AnalyticsViewProps, DateRangeKey, GlobalStats, TopTrackRow, TrafficSource, DeviceStats, ChartHoverData
- useAnalyticsView: dateRange, stats, topTracks, trafficSources, deviceStats, loading, hoveredData, handleExport
- AnalyticsViewHeader, AnalyticsViewKpiGrid, AnalyticsViewChart, AnalyticsViewOrigins, AnalyticsViewPlatforms, AnalyticsViewTopTracks, AnalyticsViewSkeleton
- Data via analyticsService; loading renders Skeleton
- text-[10px] -> text-xs, tracking-[0.2em] -> tracking-wide
- Stories: Default, Loading (Skeleton); decorator min-h-layout-page
- Re-export from AnalyticsView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 18:33:42 +01:00
senke
30df8c99ea refactor(web): split LiveView into live-view module 
- types.ts: LiveViewProps, LiveViewChatMessage; mockData: FEATURED_STREAM, CHAT_MESSAGES
- useLiveView: stream, chatMessages, msgInput, handleSend, addToast
- LiveViewPlayer, LiveViewStreamInfo, LiveViewRecommended, LiveViewChat, LiveViewSkeleton
- Layout h-[calc(100vh-120px)] -> min-h-layout-main; text-[10px] -> text-xs
- Stories: Default, Loading (Skeleton); decorator min-h-layout-page
- Re-export from LiveView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 18:15:41 +01:00
senke
0a56cb5fe0 refactor(web): split CheckoutView into checkout-view module 
- types.ts: CheckoutViewProps, CheckoutFormState, INITIAL_CHECKOUT_FORM
- useCheckoutView: form state, cart/tax, handlePurchase, onComplete
- CheckoutViewHeader, CheckoutViewBillingCard, CheckoutViewPaymentCard,
  CheckoutViewOrderSummary, CheckoutViewSkeleton
- CheckoutView orchestrator; re-export from CheckoutView.tsx
- Stories: Loading (Skeleton), Default, Processing, Success
- Decorator min-h-screen -> min-h-layout-page

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 18:04:13 +01:00
senke
0226b55ef4 refactor(web): split AdminDashboardView into admin-dashboard-view module 
- types: DashboardStats, UploadItem, AuditLogItem, StatCardProps, Report
- useAdminDashboardView: fetchData, handleAction, triggerProtocol
- Header, StatCard, TrafficCard, ProtocolsCard, NodeHealthCard, Tabs
- AdminDashboardSkeleton for Loading state
- max-w-layout-content, text-xs, gap-0.5 (no arbitrary values)
- Stories: Default, Loading (Skeleton). Decorator min-h-layout-page
- Re-export from AdminDashboardView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 17:54:02 +01:00
senke
4c8211c449 refactor(web): split AccountSettings (components/settings/account) into module 
- account-settings/types: AccountSettingsUserMock, AccountSettingsToggles
- useAccountSettingsPage: view, modals, user, toggles, theme, setThemeOption
- IdentityCard, PreferencesCard, NotificationsCard, PrivacyCard, DangerCard
- AccountSettingsSkeleton for Loading state
- Privacy labels text-xs (no text-[10px])
- Theme selection: isOptionSelected(theme, variant)
- Stories: Default, Loading (Skeleton). Decorator min-h-layout-page
- Re-export from AccountSettings.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 17:42:57 +01:00
senke
30f8f8108e refactor(web): split ChatInterface into chat-interface module 
- types.ts: ChatInterfaceProps
- useChatInterface: state, wsService, loadMessages, loadChatStats, handleSendMessage, formatTimestamp
- ChatInterfaceHeader, ChatInterfaceMessages, ChatInterfaceInput
- ChatInterfaceSkeleton for Loading state
- Stories: Default, ProductionRoom, Loading (Skeleton)
- Decorator h-[600px] -> min-h-layout-page
- Re-export from ChatInterface.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 14:24:41 +01:00
senke
f61067e685 refactor(web): split CreateProductView into create-product-view module 
- types.ts: LicenseConfig
- useCreateProductView: form state, updateLicense, handlePublish, handleSaveDraft
- CreateProductViewHeader, CoverCard, FilesCard, DetailsCard, PricingCard
- CreateProductViewSkeleton for Loading state
- Textarea min-h-24 (no arbitrary value)
- MSW: POST marketplace/products for Storybook
- Stories: Default, Loading (Skeleton)
- Re-export from CreateProductView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 14:16:38 +01:00
senke
ef520fba53 refactor(web): split FileDetailsView into file-details-view module 
- types.ts: FileDetailsViewProps, ActivityItem, VersionItem
- mockData.ts: MOCK_ACTIVITY, MOCK_VERSIONS, getMockFile
- useFileDetailsView.ts: hook returning file, activity, versions
- FileDetailsViewHeader, Preview, Metadata, Activity, Versions, Storage
- FileDetailsViewSkeleton for Loading state
- Layout: min-h-layout-page-sm, badge text-xs
- Imports use @/ for Storybook resolution
- Stories: Default, Loading (Skeleton)
- Re-export from FileDetailsView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 14:05:44 +01:00
senke
0ddbe99652 refactor(web): split VirtualizedList into virtualized-list module 
- virtualized-list/types.ts: VirtualizedListProps
- virtualized-list/useInfiniteScroll.ts: useInfiniteScroll hook
- virtualized-list/useScrollPosition.ts: useScrollPosition hook
- virtualized-list/VirtualizedList.tsx: main component
- Re-export from virtualized-list.tsx via ./virtualized-list/index
- Test mock extended with getTotalSize, measureElement, key on virtual items
- 4 tests pass

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 13:55:06 +01:00
senke
9761965a07 refactor(web): split AudioContext into context/audio-context module 
- types.ts: VisualizerSettings, AudioContextType
- mockTracks.ts: mock track data for initial state
- useAudioContextValue.ts: all state, effects, and actions
- AudioContext.tsx: createContext, useAudio, AudioProvider
- Re-export from context/AudioContext.tsx (useAudio, AudioProvider, VisualizerSettings)
- Fix toggleMute to toggle isMuted (was incorrectly toggling isPlaying)
- 12 tests pass

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 13:46:29 +01:00
senke
f10331bb03 refactor(player): decompose AudioPlayer into audio-player module 
- Add audio-player/ with useAudioPlayerLifecycle, AudioPlayerCompact, AudioPlayerFull, AudioPlayerSkeleton
- Re-export and default export from AudioPlayer.tsx
- Story Loading uses AudioPlayerSkeleton; 20 tests pass

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 13:37:04 +01:00
senke
ad7840627f refactor(library): decompose UploadModal into upload-modal module 
- Add upload-modal/ with useLibraryUploadModal, UploadModalForm, UploadModalFooter, types
- Re-export UploadModal from UploadModal.tsx
- Form ids for a11y (library-upload-*); trigger role=button tabIndex=0

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 13:26:19 +01:00
senke
5c54de2ced refactor(views): decompose DiscoverView into discover-view module 
- Add discover-view/ with useDiscoverView, Hero, Trending, NewReleases, Genres, Skeleton, Error
- Re-export DiscoverView from DiscoverView.tsx
- Loading: Skeleton instead of h-[50vh] spinner; Error: min-h-layout-page-sm
- Conformity: UPDATED badge text-[10px] -> text-xs
- Stories: Default, Loading (Skeleton), Error

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 13:19:25 +01:00
senke
a96c3bbedc refactor(profile): decompose UserProfilePage into user-profile-page module 
- Add user-profile-page/ with useUserProfilePage, Hero, Header, Tabs, Skeleton, Error
- Re-export UserProfilePage from UserProfilePage.tsx
- Stories: Default (/u/demo), Loading (Skeleton), NotFound (/u/notfound)
- MSW: GET /api/v1/users/by-username/:username (404 for notfound)
- Tests: mock useUserProfilePage, ToastProvider; 7 tests pass

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 13:10:33 +01:00
senke
7091b9f97e refactor(social): GroupDetailView module, useGroupDetailView, Header, Members, Events, Sidebar, Skeleton, stories 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 12:34:57 +01:00
senke
abdd4fbc3e refactor(settings): EditProfile module, useEditProfile, ImagesCard, IdentityCard, Sidebar, Skeleton, cropUtils, stories 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 11:45:16 +01:00
senke
5ebb5d3894 refactor(forms): FormBuilder module, useFormBuilder, FormBuilderFieldWidget, re-export, stories, a11y id 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 11:36:20 +01:00
senke
10e9e4fe43 refactor(monitoring): MonitoringDashboardContent split into Header, Stats, ValidationCard, ErrorsCard, PerformanceCard 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 11:27:54 +01:00
senke
32c421483b refactor(data): Table module, useTable, TableHeadRow, TableBodyRows, re-export, stories, tests 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 11:22:47 +01:00
senke
30bc6476d4 refactor(ui): tooltip module, useTooltip, re-export, tests 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 10:32:14 +01:00
senke
28c9cb7601 refactor(ui): tabs module, re-export 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 10:12:33 +01:00
senke
4aea06d333 refactor(ui): accordion module, re-export 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 02:33:10 +01:00
senke
a4085f3db4 refactor(ui): dropdown-menu module, dropdown controlled open, re-export 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 02:27:29 +01:00
senke
266f2619c9 refactor(views): StudioView module, re-export, stories 
- Module studio-view: types, useStudioView, Header, Sidebar, NavButton,
  Content, ProjectsSwitch, Skeleton, orchestrator StudioView
- Re-export from StudioView.tsx
- Stories: Default, Projects, Loading (Skeleton); decorator min-h-layout-main
- Fix: h-[calc(100vh-140px)] -> min-h-layout-main, w-[65%] -> w-2/3

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 02:17:36 +01:00
senke
225149dc17 refactor(studio): CloudSettingsView module, re-export, stories 
- Module cloud-settings-view: types, useCloudSettingsView, Quota,
  Preferences, Skeleton, orchestrator CloudSettingsView
- Re-export from CloudSettingsView.tsx
- Stories: Default, Loading (Skeleton); decorator min-h-layout-page

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 02:11:33 +01:00
senke
a18aea7174 refactor(studio): AIToolsView module, re-export, stories 
- Module ai-tools-view: types, constants (AI_TOOLS), useAIToolsView,
  ToolGrid, Workspace, Skeleton, orchestrator AIToolsView
- Re-export from AIToolsView.tsx
- Stories: Default, Loading (Skeleton); decorator min-h-layout-page,
  no local ToastProvider (use StorybookDecorator)
- Fix: text-[10px] -> text-xs, min-h-[400px] -> min-h-layout-page-sm

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 02:07:05 +01:00
senke
502b62f364 refactor(studio): ConnectivityView module, re-export, stories 
- Module connectivity-view: types, useConnectivityView, WebDAV, Webhooks,
  Skeleton, orchestrator ConnectivityView
- Re-export from ConnectivityView.tsx
- Stories: Default, Loading (Skeleton); decorator min-h-layout-page
- Fix: text-[10px] -> text-xs (Mount Password hint)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 02:02:00 +01:00
senke
98480c347a refactor(studio): GoLiveView module, re-export, stories 
- Module go-live-view: types, useGoLiveView, Header, Preview, StreamInfo,
  EncoderSetup, QuickInstructions, MicLevel, Skeleton, orchestrator
- Re-export from GoLiveView.tsx
- Stories: Default, Loading (Skeleton); decorator min-h-layout-main
- Fix: text-[10px] -> text-xs, w-[60%] -> w-3/5

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 01:57:22 +01:00
senke
4e43e62e92 refactor(studio): CreateProjectModal module, re-export, stories 
- Module create-project-modal: types, useCreateProjectModal, Header,
  Form, Footer, Skeleton, orchestrator CreateProjectModal
- Re-export from projects/CreateProjectModal.tsx
- Stories: Default, Loading (Skeleton); decorator min-h-layout-story

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 01:51:25 +01:00
senke
c1b9f557e6 refactor(studio): ProjectsManager module, re-export, stories 
- Module projects-manager: types, useProjectsManager, Header, FilterBar,
  Card, AddCard, Empty, Skeleton, orchestrator ProjectsManager
- Re-export from studio/ProjectsManager.tsx
- Stories: Default, Loading (Skeleton), Empty; decorator min-h-layout-main

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 01:44:40 +01:00
senke
f0d3a2786c refactor(tracks): TrackHistory module, re-export, stories, tests 
- Module track-history: types, useTrackHistory, Header, Empty, ItemRow, Pagination, Skeleton, trackHistoryUtils
- Re-export from TrackHistory.tsx
- Stories: Default, Loading, Empty, Error (MSW)
- Tests: mock @/features/tracks/services/trackHistoryService, formatHistoryDate defensive, pagination/error tests fixed

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 01:34:58 +01:00
senke
d5bf3030a5 refactor(settings): TwoFactorSetup module, re-export, stories 
- Module two-factor-setup: types, useTwoFactorSetup, Header, Step1/2/3, Skeleton
- Re-export from TwoFactorSetup.tsx
- Stories: Default, Step1, Step2, Loading (Skeleton), Error (MSW)
- Decorator: min-h-layout-page-sm

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 01:25:43 +01:00
senke
539118504b refactor(views): UploadView module, re-export, stories 
- Module upload-view: types, useUploadView, Stepper, Step1/2/3, Skeleton
- Layout: min-h-layout-page, max-h-96 (no arbitrary values)
- Re-export from UploadView.tsx
- Stories: Default, Loading (Skeleton), Empty, Error

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 01:12:24 +01:00
senke
5f8fc508f0 refactor(playlists): AddCollaboratorModal module, re-export, stories, tests 
- Module add-collaborator-modal: types, useAddCollaboratorModal, Form, Skeleton
- Re-export from AddCollaboratorModal.tsx
- Stories: Default, Loading (Skeleton), Error (MSW)
- Tests: validation/mutation via ErrorDisplay, retry, no toast assertions

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 01:04:24 +01:00
senke
e37b58bd00 refactor(playlists): découper SharePlaylistModal en module 
- Module share-playlist-modal/ : useSharePlaylistModal, Content, Skeleton
- ErrorDisplay + retry (max 3), Spinner pour chargement
- Stories : Default, Loading, Error (MSW 500)
- Tests : useCreateShareLink mock, playlistId string
- Re-export depuis SharePlaylistModal.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 00:57:48 +01:00
senke
9ad729f461 refactor(playlists): découper CreatePlaylistDialog en module 
- Module create-playlist-dialog/ : schema zod, useCreatePlaylistDialog,
  CreatePlaylistDialogForm, CreatePlaylistDialogSkeleton
- Bouton Créer avec Spinner (remplace Loader2)
- Stories : Default, Loading
- Tests : assertion createPlaylist(object), erreur avec Error
- Re-export depuis CreatePlaylistDialog.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 00:52:51 +01:00
senke
dc12e6aca6 refactor(playlists): découper PlaylistSearch en module 
- Module playlist-search/ : usePlaylistSearch, Bar, Filters, Results, Skeleton
- Chargement avec Spinner (remplace Loader2)
- PLAYLIST_SEARCH activé en Storybook (VITE_STORYBOOK)
- MSW : GET /api/v1/playlists/search
- Stories : Default, Loading, Empty, Error
- Tests : Vitest + mock playlistsApi, useToast stable
- Re-export depuis PlaylistSearch.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 00:47:28 +01:00
senke
e7365f44b4 refactor(playlists): découper PlaylistBatchActions en module 
- Module playlist-batch-actions/ : usePlaylistBatchActions, exportUtils,
  Bar, Buttons, DeleteDialog, Skeleton
- Boutons min-h-11 (remplace min-h-[44px])
- Stories : Default, SingleSelection, Loading
- Tests : mocks URL + Playlist id/user_id en string
- Re-export depuis PlaylistBatchActions.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 00:37:06 +01:00
senke
19b2b00332 refactor(playlists): découper AddTrackToPlaylistModal en module 
- Module add-track-to-playlist-modal/ : useAddTrackToPlaylistModal, Search,
  List, TrackRow, Footer, Skeleton
- Liste max-h-96 (layout), Spinner pour chargement
- Stories : Default (useArgs), Loading (Skeleton)
- Re-export depuis AddTrackToPlaylistModal.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 00:22:09 +01:00
senke
691d798322 refactor(playlists): PlaylistTrackList module with hook, subcomponents, skeleton 
- Add playlist-track-list/ with usePlaylistTrackList, Empty, SortableItem, Skeleton, utils
- Prop isLoading for skeleton state
- Re-export from PlaylistTrackList.tsx and PlaylistTrackListSkeleton.tsx
- Stories: Default, Loading (Skeleton), Empty, Reordering (with mock data)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 00:14:19 +01:00
senke
9060ae6752 refactor(notifications): NotificationMenu module with hook, subcomponents, skeleton 
- Add notification-menu/ with useNotificationMenu, Trigger, Dropdown, List, Item, Skeleton
- Dropdown max-h-96 (no arbitrary max-h-[500px])
- Props notificationsOverride, isLoadingOverride, errorOverride for Storybook
- Re-export from NotificationMenu.tsx
- Stories: Default, Loading, Empty, Error, Skeleton

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 00:07:19 +01:00
senke
74ed02b414 refactor(library): LibraryManager module with hook, subcomponents, skeleton 
- Add library-manager/ with useLibraryManager, Header, Toolbar, Error, Empty, Content, Stats, Skeleton
- Layout min-h-layout-page (no arbitrary h-[600px])
- Props tracksOverride, errorOverride, isLoadingOverride for Storybook
- Re-export from LibraryManager.tsx
- Stories: Default, Loading (Skeleton), Empty, Error

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 00:00:35 +01:00
senke
45971e7a07 refactor(education): CourseDetailView module with hook, subcomponents, skeleton 
- Add course-detail-view/ with useCourseDetailView, Header, Tabs, Sidebar, Skeleton
- Stories: Default, Loading (Skeleton), Empty, Enrolled
- Re-export from CourseDetailView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 23:52:24 +01:00
senke
bfd95f2ce8 refactor(education): CourseLearningView module with hook, subcomponents, skeleton 
- Add course-learning-view/ with useCourseLearningView, Header, Player, Tabs, Sidebar, Skeleton
- Layout min-h-layout-main, no arbitrary values
- Re-export from CourseLearningView.tsx
- Stories: Default, Loading (Skeleton), Empty, Complete

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 23:45:58 +01:00
senke
f901a78438 refactor(marketplace): split ProductDetailView into module (Header, Gallery, Info, Licenses, Description, Reviews, Similar, Skeleton) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 23:38:09 +01:00
senke
7d3ce8a7f0 refactor(streaming): split PlaybackHeatmap into module (Header, Stats, Grid, Skeleton, Error, Empty) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 23:31:06 +01:00
senke
8c8891d29f refactor(studio): split ProjectDetailView into module (Header, Tabs, Overview, Files, Settings, Sidebar, Skeleton) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 23:24:39 +01:00
senke
1e58725c95 refactor(auth): split SessionsPage into module (Header, Content, Skeleton, stories) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 23:19:06 +01:00
senke
9f97bbfc0b refactor(tracks): split TrackSearchFilters into module (Basic, Advanced, Skeleton) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 23:09:36 +01:00
senke
3cf40619fa refactor(settings): extract AccountSettings into account-settings module 
- Add account-settings/ with useAccountSettings, AccountSettingsErrorBanner,
  AccountSettingsPasswordCard, AccountSettingsExportCard, AccountSettingsDeleteCard,
  AccountSettingsSkeleton
- Re-export from AccountSettings.tsx for backward compatibility
- Stories: Default, Loading (skeleton, min-h-layout-story); remove ToastProvider

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 23:04:16 +01:00
senke
6677bde6fe refactor(ui): extract Dialog into dialog module 
- Add dialog/ with types, Dialog, DialogHeader, DialogBody, DialogFooter,
  DialogContent, DialogDescription, DialogTitle, DialogTrigger, DialogSkeleton
- Re-export from dialog.tsx via dialog/index for backward compatibility
- Stories: Default, Alert, Composition (max-w-md), Loading (DialogSkeleton)
- Test: assert Kodo destructive classes (text-kodo-red) for alert variant

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:59:48 +01:00
senke
2134d27058 refactor(playlists): extract PlaylistList into playlist-list module 
- Add playlist-list/ with usePlaylistList, PlaylistListToolbar, PlaylistListEmpty,
  PlaylistListError, types; keep PlaylistListSkeleton at components level
- Re-export from PlaylistList.tsx for backward compatibility
- Stories: Default, Grid, Empty (MSW), Loading (skeleton, min-h-layout-story)
- Replace min-h-[44px] with min-h-11; no arbitrary values
- Tests: assert French labels and Pagination text; fix skeleton test

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:54:54 +01:00
senke
c71da0bc92 refactor(tracks): extract TrackFilters into track-filters module 
- Add track-filters/ with useTrackFilters, TrackFiltersHeader, TrackFiltersSearch,
  TrackFiltersGrid, TrackFiltersClear, TrackFiltersSkeleton, types
- Re-export from TrackFilters.tsx for backward compatibility
- Stories: Default, Collapsible, Loading (skeleton)
- Layout primitive min-h-layout-story for skeleton; no arbitrary values

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:46:11 +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
senke
97f00097cc refactor(ui): extract DataList into data-list module 
- types, DataListSkeleton, DataListEmpty, DataListError, DataList
- Remove duplicate Modal/Dropdown from DataList.tsx (exist in modal.tsx/dropdown.tsx)
- Stories: Default, Loading, Empty, Error, Skeleton (min-h-layout-story)
- Re-export from DataList.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:35:53 +01:00
senke
345597bcda refactor(ui): extract OptimizedImage into optimized-image module 
- types, generateImageSources, BlurPlaceholder, useImageFormatSupport
- OptimizedImage, OptimizedImageSkeleton, useImagePreloader, ResponsiveImage
- Stories: Default, WithPlaceholder, ErrorState, Loading (skeleton)
- Re-export from optimized-image.tsx; tests adapted to loading state

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:31:35 +01:00
senke
91a6ff290a fix(ui): call onAvatarUpdated('') after successful avatar delete 
Ensures parents that rely on onAvatarUpdated get the empty URL when
avatar is removed. Aligns with profile feature test contract.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:24:50 +01:00
senke
9efb239b39 refactor(ui): extract AvatarUpload into avatar-upload module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:21:02 +01:00
senke
2fff1eb488 refactor(ui): extract DatePicker into date-picker module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:15:11 +01:00
senke
c8e6e82a5c refactor(share): extract ShareLinkManager into share-link-manager module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:09:31 +01:00
senke
5cf8cbfc0e refactor(streaming): extract PlaybackDashboard into playback-dashboard module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:04:38 +01:00
senke
deba9f4c6c refactor(monitoring): extract MonitoringDashboard into monitoring-dashboard module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:57:39 +01:00
senke
bc289680bf refactor(auth): extract RegisterPage into register-page module 
- Add register-page/ with useRegisterPage, RegisterPageForm,
  RegisterPageVerificationNotice, RegisterPageSkeleton
- Layout primitives (min-h-layout-page-sm), tokens (success, destructive)
- Stories: Default, Loading, WithError; re-export from pages/RegisterPage

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:50:17 +01:00
senke
88a347dfd1 refactor(views): extract FileManagerView into file-manager-view module 
- Add file-manager-view/ with useFileManagerView, Header, Toolbar, Table, Grid,
  Empty, Skeleton; types and mockFiles
- Layout primitives (min-h-layout-page-sm), no arbitrary values
- Stories: Default, Loading, Empty
- Re-export from FileManagerView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:45:01 +01:00
senke
e1c073bf9c refactor(search): extract SearchPage into feature module 
- Add features/search/components/search-page/ with useSearchPage, Header,
  Discovery, Empty, Error, Results, Skeleton
- Layout primitives only (min-h-layout-page, max-w-6xl)
- Stories: Default, Loading, Empty, Error; MSW handler for SearchResults shape

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:39:31 +01:00
senke
b4ad28183f fix(views): use layout primitive in NotificationsView loading state 
Replace arbitrary h-[50vh] with min-h-layout-page-sm per .cursorrules

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:32:33 +01:00
senke
c75e7eb9bd refactor(notifications): extract NotificationsPage into feature module 
- Add features/notifications/components/notifications-page/ with:
  - useNotificationsPage (query + mark read / mark all read mutations)
  - NotificationsPageHeader, NotificationsPageFilters, NotificationsPageItem
  - NotificationsPageEmpty, NotificationsPageError, NotificationsPageSkeleton
  - types (FilterType, NotificationTypeFilter, NOTIFICATION_TYPE_LABELS)
- Page re-exports from module; stories moved to component (Default, Loading, Error, Empty)
- MSW handler: notifications response shape aligned with notificationService (data.notifications)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:32:19 +01:00
senke
4cab15c6f2 chore(studio): remove legacy CloudFileBrowser from components/studio 
CloudFileBrowser lives in features/studio/components/cloud-file-browser/.
StudioView already imports from there.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:20:36 +01:00
senke
8cb0072163 test(ui): add Select stories (Default, Empty, Disabled, Grouped, MultiSelect), fix tests for listbox/option 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:16:30 +01:00
senke
1ca1130dcf refactor(ui): decompose Select into select module 
- Add select/ with useSelect, types, SelectTrigger, SelectDropdownContent,
  SelectOptionItem; min-w-48 max-h-72 (no arbitrary values)
- Remove monolithic select.tsx; entry point is select/index.ts
- Backward compatible: imports from './select' resolve to module

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:16:19 +01:00
senke
13b3812167 test(ui): add FileUpload stories (Default, Empty, Error, Disabled, etc.) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:09:21 +01:00
senke
bfe3d17927 refactor(ui): decompose FileUpload into file-upload module 
- Add file-upload/ with useFileUpload, types, utils, and presentational
  components: FileUploadDropzone, FileUploadErrorList, FileUploadFileList
- Remove monolithic file-upload.tsx; entry point is file-upload/index.ts
- Backward compatible: imports from './file-upload' resolve to module

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:09:08 +01:00
senke
4397751a69 test(upload): add UploadModal stories (Default, Open) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:03:15 +01:00
senke
0ff8146413 refactor(upload): decompose UploadModal into upload-modal module 
- Add upload-modal/ with useUploadModal, constants, and presentational
  components: Dropzone, FileDisplay, Progress, ErrorAlert, MetadataForm
- Re-export from UploadModal.tsx for backward compatibility

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:03:07 +01:00
senke
4490e78ff6 docs(ui): update audit report and mark LazyComponent as refactored in FRONTEND_DEEP_DIVE_AUDIT 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:49:46 +01:00
senke
2c0cf88077 test(ui): add LazyErrorFallback and LazyComponent stories; fix LazyComponent tests for fallback text 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:49:17 +01:00
senke
b4eb640b1d refactor(ui): decompose LazyComponent into lazy-component module with LazyErrorFallback, LazyErrorBoundary, createLazyComponent 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:48:36 +01:00
senke
d7aaa0e69c docs(views): update audit report and mark GearView as refactored in FRONTEND_DEEP_DIVE_AUDIT 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:40:12 +01:00
senke
6b2ebe67b5 test(views): add GearView stories Default, Loading, Empty, Error and GearViewSkeleton 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:38:59 +01:00
senke
f5a29db060 refactor(views): decompose GearView into gear-view module with useGearView and sub-components 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:38:45 +01:00
senke
1eb766d0fa docs(views): update audit report and mark ProfileView as refactored in FRONTEND_DEEP_DIVE_AUDIT 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:31:26 +01:00
senke
fcf65be277 test(views): add ProfileView stories Default, Loading, Error and ProfileViewSkeleton 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:30:50 +01:00
senke
a06f5b40bb refactor(views): decompose ProfileView into profile-view module with hook and sub-components 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:30:36 +01:00
senke
335faefe17 docs(user): update audit report and mark ProfileForm as refactored in FRONTEND_DEEP_DIVE_AUDIT 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:21:28 +01:00
senke
5607150ad0 test(user): add ProfileForm stories (Default, Loading, Error) and Skeleton; fix tests and MSW completion handler 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:21:05 +01:00
senke
899b83b7a3 refactor(user): decompose ProfileForm into profile-form module with hook and sub-components 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:20:49 +01:00
senke
96ed1a73dc docs(chat): update audit report for ChatSidebar refactor 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:07:31 +01:00
senke
e62478c43e test(chat): add stories and mocks for ChatSidebar 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:07:20 +01:00
senke
45779abb82 refactor(chat): decompose ChatSidebar into sub-components 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:07:09 +01:00
senke
ad366ad9da test(search): add stories Loading/Empty/Error and fix Search tests 
- Stories: Loading, Empty, Error; decorator max-w-2xl min-h-layout-story
- SearchSkeleton.stories; fix tests: waitFor, Enter for history, keyboard nav query

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 19:45:52 +01:00
senke
4c20b39449 refactor(search): decompose Search into sub-components 
- Add features/search/components/search: types, useSearchSuggestions,
  SearchInput, SearchDropdown, SearchSkeleton
- Search.tsx orchestrator; re-export from components/search for GlobalSearchBar
- No console.log; logger only; layout primitives in stories

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 19:45:41 +01:00
senke
937dae9a6a fix(storybook): ignore net::ERR_ABORTED on iframe in audit (navigation false positive) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 19:32:39 +01:00
senke
8835b5d1c5 test(tracks): add stories and mocks for CommentThread 
- Stories: EmptyReplies, LoadingReplies, ReplyError; decorator uses max-w-2xl, min-h-layout-story
- CommentThreadSkeleton.stories.tsx
- MSW: PUT */api/v1/comments/:id for update; useUser mock in CommentThread.test

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 19:20:58 +01:00
senke
ae86c0a123 refactor(tracks): decompose CommentThread into sub-components 
- Add comment-thread module: types, useCommentReplies, useCommentActions
- Presentational components: CommentThreadHeader, CommentThreadContent,
  CommentThreadActions, CommentReplyForm, CommentRepliesList
- CommentThreadSkeleton for Loading state
- CommentThread.tsx becomes orchestrator (~170 lines); re-export from module
- FE-COMP-012 preserved; no breaking change for CommentSection

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 19:20:47 +01:00
senke
9093c66917 feat(ui): implement skeleton-first loading and grid/list orchestration for CloudFileBrowser 2026-02-05 19:04:03 +01:00
senke
cf3f03b2eb refactor(studio): modularize CloudFileBrowser with FileTable, FileGrid and FileToolbar 2026-02-05 19:04:00 +01:00
senke
c112b4b66a test(msw): add inventory gear handlers for deterministic story testing 2026-02-05 18:18:17 +01:00
senke
3c775d8bb4 feat(ui): implement grid/list view orchestration with synchronized skeletons for GearView 2026-02-05 18:18:13 +01:00
senke
40e999f094 refactor(ui): create atomic gear module with Header, Filters, Grid, and Modal 2026-02-05 18:18:09 +01:00
senke
30340a0dab refactor(ui): modularize ProfileView into Header, Stats, and Tabs components 2026-02-05 14:32:20 +01:00
senke
2964cec09a chore(dx): add .cursorrules and design system audit documentation 2026-02-05 14:20:06 +01:00
senke
fded6f7b64 refactor(ui): decompose ProfileForm into atomic sub-components (Avatar, Identity, Social, Actions, Security) 2026-02-05 14:16:01 +01:00
senke
c377b57e6a docs(storybook): final comparison 67%→0%, contract update, silent toasts in Storybook 2026-02-05 13:39:59 +01:00
senke
634adbca13 chore(storybook): add test:storybook script for local audit 2026-02-05 13:39:56 +01:00
senke
9a27c5ef63 ci(storybook): add audit workflow and exit 1 on audit failures 2026-02-05 13:39:53 +01:00
senke
8e8bf7202e chore(storybook): set MSW onUnhandledRequest to 'error' to block unhandled network requests 2026-02-05 13:22:03 +01:00
senke
37895e6fef chore(storybook): reclassify story hierarchy (App/Pages, Layouts, UI, Features, Docs/Failures) and enable autodocs 2026-02-05 13:21:54 +01:00
senke
3e8480a312 docs(storybook): clarify global decorator guarantees nav/auth context (Phase 3) 
All stories run under AuthProvider and MemoryRouter; no story should
crash on missing useContext for auth or router.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 13:08:45 +01:00
senke
e772d81226 refactor(storybook): remove duplicate providers from stories (Phase 2) 
Stories no longer wrap with QueryClientProvider, ToastProvider,
ThemeProvider, or MemoryRouter; global StorybookDecorator provides them.
- Route-specific pages use parameters.router.initialEntries
  (ResetPasswordPage, VerifyEmailPage) or minimal MemoryRouter+Route
  where useParams is needed (TrackDetailPage, PlaylistDetailPage).
- Stories that seeded query cache use useQueryClient() from global
  decorator (FollowButton, CollaboratorManagement, CommentSection).
- Navbar, AuthLayout, DashboardLayout, Header, and 25+ story files
  simplified to layout divs only.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 13:08:17 +01:00
senke
75c9a4fcd4 feat(storybook): global StorybookDecorator in decorators.tsx (Phase 2) 
Single decorator provides: I18nextProvider(i18n), ThemeProvider,
QueryClientProvider(retry:false), ToastProvider, AudioProvider,
AuthProvider, MemoryRouter. Stories can set parameters.router.initialEntries
for route-specific views. preview.tsx uses StorybookDecorator only.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 13:01:49 +01:00
senke
11021a2c3a chore(storybook): audit script filter sb-manager/sb-addons + comparison report 
- Filter requestfailed to ignore /sb-manager/, /sb-addons/, /index.json,
  /project.json so the audit counts only app/API failures.
- Add STORYBOOK_AUDIT_COMPARISON.md: before 641 stories / 1250 errors,
  after 0 app errors (Phase 1 validated).

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 12:41:08 +01:00
senke
b8a8234069 docs(storybook): document MSW/same-origin contract in preview 
Storybook must be run via npm run storybook so VITE_API_URL stays
relative and VITE_STORYBOOK is set; avoids accidental real API calls.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 12:28:04 +01:00
senke
4d82136038 fix(storybook): mark ErrorBoundary error stories for audit allowlist 
WithError and WithCustomFallback set parameters.storybookAudit.expectConsoleErrors
so audit/CI can treat their console errors as intentional (failure demo).

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 12:17:50 +01:00
senke
f8b4bc3b52 fix(storybook): mock dicebear and transparenttextures in MSW 
Prevent external asset requests during Storybook so no network
dependency and deterministic rendering. Return 1x1 SVG placeholder.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 12:17:14 +01:00
senke
7545998830 fix(storybook): fix auth/me shape and add dashboard, sessions, roles handlers 
- auth/me: return data.user so authService.getCurrentUser() gets response.data.user
- Add GET /api/v1/dashboard for dashboardService (stats, recent_activity, library_preview)
- Add GET /api/v1/sessions/stats for sessionsApi
- Add GET /api/v1/roles and /roles/:id for admin views
- Remove console.log from audit/stats handler

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 12:16:56 +01:00
senke
fde40585a1 fix(storybook): disable logger network send in Storybook 
Set VITE_STORYBOOK=true for storybook dev/build so the logger never
sends POST to /logs/frontend in the isolated UI environment. Prevents
94+ failed network requests in audit and keeps Storybook hermetic.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 12:16:23 +01:00
senke
765497ea31 fix(storybook): remediate crashes and improve mock stability 
- Add global AuthProvider and QueryClientProvider
- Fix Loader2 reference error in CommentThread
- Fix coverUrl crash in ProductCard
- Fix double-slash URL bug in logger
- Improve MSW handlers and environment config
 2026-02-04 19:33:00 +01:00
senke
83b9ce2192 fix(frontend): remove redundant api version path in logger endpoint 2026-02-04 10:18:47 +01:00
senke
e7da63479a fix(storybook): add global AuthProvider to preview.tsx 2026-02-04 10:17:19 +01:00
senke
b26593a000 fix(storybook): update MSW handlers to be cookie-compatible and add missing logs endpoint 2026-02-04 10:15:11 +01:00
senke
60acef5147 feat(storybook): integrate msw for data mocking 2026-02-04 01:01:45 +01:00
senke
158e343e50 chore(storybook): add audit report (clean pass) 2026-02-04 00:55:10 +01:00
senke
9b4e66cd43 chore(storybook): improve configuration and cleanup 2026-02-04 00:44:40 +01:00
senke
0e9b206389 stabilisation: fix commit 2026-02-03 09:56:11 +01:00
senke
c38a189207 refactor(cart): migrate CheckoutView and MarketplaceView to useCartStore and fix stories 2026-02-03 09:50:51 +01:00
senke
0bcf56c41a refactor(cart): migrate CartView and CartItem to useCartStore 2026-02-03 09:46:01 +01:00
senke
54def06bde refactor(cart): migrate Navbar to useCartStore and remove CartProvider decorator 2026-02-03 09:42:59 +01:00
senke
01c4e1bff3 refactor(cart): migrate WishlistView to useCartStore 2026-02-03 09:40:54 +01:00
senke
f9ded822dc chore(test): disable broken storybook plugin in vitest config 2026-02-03 09:37:16 +01:00
senke
a91117aec0 docs(cart): list all CartContext consumers 2026-02-03 09:32:21 +01:00
senke
c73165196c feat(storybook): complete comprehensive ui coverage for auth, player, tracks, and groups 2026-02-02 20:55:57 +01:00
senke
d42a7b3c24 feat(storybook): complete UI coverage with Batches 26-30 
- Batch 26 (Tracks List/Grid): added stories for row, grid, sort, toggle, skeleton, empty states.
- Batch 27 (Dashboard): added stories for ActivityGraph, TrackList widget.
- Batch 28 (Education): added stories for CourseCard, MyCoursesView, QuizModal, CertificateModal.
- Batch 29 (Inventory): added stories for EquipmentCard, InventoryView.
- Batch 30 (Seller/Live): added stories for SellerDashboardView, FlashSaleModal, LiveStreamDetailView, TipStreamerModal.
- Verified build and fixed AudioProvider/service dependencies.
 2026-02-02 20:47:47 +01:00
senke
5ed179cfa8 feat(storybook): add stories for Auth, Player, Tracks, Dashboard (Batches 22-25) 
- Batch 22 (Auth/Settings): OAuthButtons, PasswordStrengthIndicator, ThemeSwitcher, TwoFactorSettings
- Batch 23 (Player): TimeDisplay, RepeatShuffleButtons, NextPreviousButtons, QualitySelector
- Batch 24 (Tracks): LikeButton, TrackFilters, TrackStatsDisplay
- Batch 25 (Dashboard): StatCard
- Fixed build issues with sonner dependencies.
 2026-02-02 20:42:51 +01:00
senke
38acc2326d feat(storybook): add stories for Feedback and Playlist components (Batches 20-21) 
- Batch 20 (Feedback): Alert, Toast
- Batch 21 (Playlists): PlaylistCard, PlaylistHeader, AddTrackToPlaylistModal
- Verified successful build.
 2026-02-02 20:38:52 +01:00
senke
f4424d6267 feat(storybook): add stories for Social, Notifications, and Modals (Batches 17-19) 
- Batch 17 (Social): PostCard, CommentItem
- Batch 18 (Notifications): NotificationItem, NotificationBell, NotificationMenu
- Batch 19 (Modals): CreatorModal
- Fix: remove duplicate import in api.ts
- Verified successful build.
 2026-02-02 20:33:45 +01:00
senke
b0be0068c8 feat(storybook): achieve total UI coverage (Batches 13-16) 
- Batch 13 (Library/Profile): UploadModal, FollowButton
- Batch 14 (Settings): AccountSettings, NotificationSettings
- Batch 15 (Layout): DashboardLayout, Header, Sidebar
- Batch 16 (Search): SearchBar, Search
- Verified successful build of all stories.
 2026-02-02 20:29:46 +01:00
senke
27c6e6b67f feat(storybook): expanded coverage for feature components (batches 10-12) 
- Batch 10 (Auth): AuthButton, AuthInput, LoginForm, RegisterForm
- Batch 11 (Chat): ChatMessage, ChatInput, TypingIndicator
- Batch 12 (Player/Tracks): PlayPauseButton, VolumeControl, ProgressBar, TrackCard
- Achieved extensive functional component coverage.
 2026-02-02 20:19:10 +01:00