1152 commits

Author	SHA1	Message	Date
senke	e95075d92c	feat(ui): premium empty states + focus ring consistency ... Empty states enhanced: - EmptyState component gains variant prop (default/centered/card) - Soft entry animation (fade + scale) via new CSS keyframe - Icon wrapped in muted background circle - Library: "Your library is empty" + "Upload Track" action - Search: "No results found" + improved description - Wishlist: "Explore the marketplace" + Browse button - Queue: "Nothing in your queue" with autoplay context - Chat: improved no-conversation and no-messages states Focus ring consistency (6 files fixed): - input.tsx: ring-primary/30 → ring-ring + ring-offset - checkbox.tsx: peer-focus → peer-focus-visible + ring-ring - textarea.tsx: focus:ring-1 → focus-visible:ring-2 + ring-ring - List.tsx: added ring-offset-background - TrackListRow.tsx: full focus-visible on rows + action buttons - PlaylistCard.tsx: focus-visible on checkbox button Co-authored-by: Cursor <cursoragent@cursor.com>	2026-02-09 23:23:09 +01:00
senke	bcf07f1e16	feat(ui): hover cards, Spotify player layout, scrollbar tokens, context menu integration ... HoverCard component (new): - Rich preview cards on hover with framer-motion animation - Viewport-aware positioning, portal rendering, open/close delays - UserHoverContent: Discord-style user preview (avatar, bio, stats, follow) - TrackHoverContent: Spotify-style track preview (cover, stats, play) Audio player — Spotify-like 3-column layout: - grid-cols-3 layout: track info | controls | volume+queue - Progress bar moved to top edge (minimal variant) - Glassmorphism (bg-background/95 backdrop-blur-md) - Prominent centered play button (h-10 w-10 rounded-full, active:scale-95) - Title marquee animation for long track names - Reduced padding for tighter premium feel Scrollbar styling: - Migrated hardcoded rgba() to semantic tokens via color-mix(in oklch) - Added transition on thumb hover for smooth visual feedback ContextMenu integration: - TrackListRow wrapped with ContextMenu (play, like, more actions) - Dynamic items based on available callbacks Co-authored-by: Cursor <cursoragent@cursor.com>	2026-02-09 23:18:46 +01:00
senke	27fc9d6bd7	feat(ui): tooltip adoption + search highlighting & skeleton loading ... Tooltip adoption (18 conversions across 11 files): - Player controls: shuffle, repeat, mute, expand, close, lyrics, auto-scroll - Navbar: theme toggle - File browser: download, add tag, AI auto-tag, watermark, process with AI - Notifications: mark as read - Share links: open link, revoke link - Chat: scroll to bottom Search polish: - New highlightMatch utility — wraps matching text in <mark> with primary color - Applied to track titles, artist names, playlist names in SearchPageResults - Applied to suggestion dropdown titles and subtitles - Replaced spinner loading state with content-aware SearchPageSkeleton - Skeleton matches actual results layout (tab bar, track cards, artist circles) Co-authored-by: Cursor <cursoragent@cursor.com>	2026-02-09 23:14:00 +01:00
senke	06654bb84c	feat(ui): premium polish — route transitions, context menu, slider, sidebar tooltips ... Route transitions: - New PageTransition component with framer-motion fade+slide (0.2s) - Layout wraps children in AnimatePresence mode="wait" for smooth page changes Context menu (new component): - Right-click menu with portal rendering and viewport clamping - Keyboard navigation (arrows, Home/End, Enter/Space, Escape) - framer-motion scale+fade animation matching dropdown aesthetic - ARIA compliant (role=menu/menuitem), destructive/disabled item support Sidebar polish: - Replaced browser-native title tooltips with custom Tooltip component - position="right" tooltips on collapsed nav items, Settings, Sign Out - Tooltips auto-disabled when sidebar is expanded Slider — Spotify-style hover: - Track thins to h-1 by default, expands to h-1.5 on hover - Thumb hidden by default, scales in on hover (group-hover) - Filled portion gains subtle primary glow on hover Toast enhancements: - New ToastAction interface with label + onClick - Action button renders below message, auto-dismisses on click - Enables "Undo" / "View" patterns Co-authored-by: Cursor <cursoragent@cursor.com>	2026-02-09 23:10:10 +01:00
senke	0fe87de8bf	feat(ui): polish, animations & performance optimizations ... Sprint 4.1 — Exit animations with framer-motion AnimatePresence: - modal.tsx: overlay fade + panel scale/fade entry/exit - dropdown.tsx: slide/fade entry/exit Sprint 4.2 — Missing hover transitions on PostCard: - Added transition-colors to author name + tags hover states Sprint 4.3 — Button loading prop: - Added loading?: boolean with Loader2 spinner + auto-disable Sprint 4.4 — OptimizedImage replacement: - PostCard, ProductCard, CourseCard, PlaylistDetailView content images Sprint 4.5 — React.memo on list components: - ProductCard, PlaylistCard, TrackCard, CourseCard, PostCard Sprint 4.6 — Consolidate duplicates: - Deleted KodoEmptyState (redundant with EmptyState) - Documented Spinner vs LoadingSpinner distinction (complementary) - Confirmed Dialog delegates to Modal (correct architecture) Co-authored-by: Cursor <cursoragent@cursor.com>	2026-02-09 23:05:26 +01:00
senke	77758bc51a	refactor(tokens): complete design token migration to semantic system ... Sprint 3.1 — Default colors → semantic (~15 files, ~99 replacements): - lime-500 → success, red-500 → destructive, cyan-500 → primary Sprint 3.2 — Hardcoded colors → semantic (~13 files, ~99 replacements): - text-white → text-foreground, bg-black → bg-background, bg-white → bg-card Sprint 3.3 — Legacy kodo-* → semantic (~27 files, ~122 replacements): - bg-kodo-ink → bg-card, bg-kodo-void → bg-background, text-kodo-steel → text-muted-foreground - Preserved kodo-cyan/magenta/lime/gold palette accents and gradients Sprint 3.4 — Arbitrary values → Tailwind scale (5 replacements): - min-h-[600px] → min-h-layout-page, min-h-[400px] → min-h-layout-page-sm - left-[50%] → left-1/2, min-h-[80px] → min-h-20, min-h-[40px] → min-h-10 Sprint 3.5 — Border-radius standardization (4 replacements): - Modal/dialog skeletons: rounded-lg → rounded-xl (convention) Co-authored-by: Cursor <cursoragent@cursor.com>	2026-02-09 23:05:09 +01:00
senke	128a160196	feat(a11y): comprehensive accessibility & view states improvements ... Sprint 1 — Quick A11y wins: - progress.tsx: role=progressbar + aria-value* + aria-label - switch.tsx: role=switch + aria-checked - skeleton.tsx: aria-hidden=true - alert.tsx, Toast.tsx, SelectTrigger.tsx: aria-labels on close buttons - PostCard.tsx: alt on images + aria-labels on icon buttons - ProductCard.tsx: aria-labels on play/view buttons - modal.tsx: role=dialog + aria-modal + aria-labelledby - input.tsx: error state + aria-invalid + aria-describedby - FAB.tsx: forward aria-label from label prop Sprint 2 — Structural A11y + View States: - tabs/: full ARIA tablist/tab/tabpanel + arrow key navigation - radio-group.tsx: role=radio + arrow key navigation - select/: aria-activedescendant + full keyboard navigation - List.tsx + card.tsx: focus-visible states on interactive elements - DashboardPage, LibraryPage, LiveView, QueueView: error states - WishlistView, AdminDashboard, AnalyticsView, SellerDashboard: loading/empty states Co-authored-by: Cursor <cursoragent@cursor.com>	2026-02-09 23:04:35 +01:00
senke	956582bf29	ui(tokens): migrate text-white to text-foreground in settings and content headings (10 files) ... Replace hardcoded text-white with theme-aware text-foreground on page titles, section headings, and primary content text in settings views, playlist views, and social components. These elements use card/transparent backgrounds where text-foreground adapts correctly to both light and dark themes. Co-authored-by: Cursor <cursoragent@cursor.com>	2026-02-09 00:23:00 +01:00
senke	b4960a3ff5	docs: update UI_QUALITY_LOG with levers 26-28 and session 2 assessment ... Document kodo-cyan→primary, kodo-red/lime bg/border variants, and kodo-gold→warning migrations. Add end-of-session quality assessment (~80-82% premium) with remaining lever inventory. Co-authored-by: Cursor <cursoragent@cursor.com>	2026-02-09 00:21:44 +01:00
senke	e48f8889e0	ui(tokens): migrate kodo-gold to warning (43 files, 84 instances) ... Replace legacy text-kodo-gold/border-kodo-gold/bg-kodo-gold with semantic text-warning/border-warning/bg-warning across 43 components. Warning states now use the design system token for theme adaptability. Co-authored-by: Cursor <cursoragent@cursor.com>	2026-02-09 00:20:32 +01:00
senke	1e897c95a0	ui(tokens): migrate kodo-cyan to primary (51 files, 88 instances) ... Replace legacy text-kodo-cyan/border-kodo-cyan/bg-kodo-cyan with semantic text-primary/border-primary/bg-primary across 51 components. The brand primary color now uses the design system token, enabling proper theme adaptation. Covers UI primitives, search, dashboard, chat, playlists, settings, social, marketplace, and auth components. Co-authored-by: Cursor <cursoragent@cursor.com>	2026-02-09 00:19:12 +01:00
senke	9ff30146a6	ui(tokens): migrate bg/border-kodo-red → destructive, bg/border-kodo-lime → success (25 files) ... Complete semantic color token migration for background and border variants: - bg-kodo-red → bg-destructive - border-kodo-red → border-destructive - bg-kodo-lime → bg-success - border-kodo-lime → border-success Covers UI primitives (badge, alert), forms, settings, social, playlists, admin, education, and marketplace components. Co-authored-by: Cursor <cursoragent@cursor.com>	2026-02-09 00:17:14 +01:00
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