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

916 commits

Author SHA1 Message Date
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
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
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
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
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
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
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
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